js 그림 연결 을 base 64 형식 으로 변환

9612 단어 js
우 리 는 이미지 파일 의 내용 을 HTML 파일 에 직접 썼 다. 이렇게 하면 HTTP 요청 을 절약 할 수 있다 는 장점 이 있다.나 쁜 점 은 브 라 우 저가 이 그림 을 캐 시 하지 않 는 다 는 것 이다.지금 우 리 는 js 를 제공 합 니 다.
function convertImgToBase64(url, callback, outputFormat){
    var canvas = document.createElement('CANVAS'),
        ctx = canvas.getContext('2d'),
        img = new Image;
    img.crossOrigin = 'Anonymous';
    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
});

좋은 웹페이지 즐겨찾기