DIV CSS 佈局教程網

我們把圖像文件的內容直接寫在了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
});

以上這篇js 將圖片連接轉換成base64格式的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。