이미지 파일의 내용을 HTML 파일에 직접 씁니다. 이것의 장점은 HTTP 요청을 저장한다는 것입니다. 단점은 브라우저가 그러한 이미지를 캐시하지 않는다는 것입니다. 이제 우리는 JS를 제공합니다.
함수 convertImgTobase64 (URL, 콜백, outputFormat) {var canvas = document.createElement ( 'canvas'), ctx = canvas.getContext ( '2d'), img = 새 이미지; img.crossorigin = '익명'; img.onload = function () {canvas.height = img.height; canvas.width = img.width; Ctx.DrawImage (IMG, 0,0); var dataurl = canvas.todataurl (outputformat || 'image/png'); Callback.call (this, dataurl); canvas = null; }; img.src = url;} convertimgtobase64 ( 'http://bit.ly/18g0vnp', function (base64img) {// base64dataurl});JS의 이미지 연결을 Base64 형식으로 변환하는 위의 간단한 예는 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.