根據圖片的路徑，得到圖片的base64數據

思路：使用html5的新特性:canvas, 該對象有一個toDataURL() 方法，可以將畫布內容轉換成一個指定編碼的數據。我們可以先根據圖片的路徑將圖片“畫出來”，然后得到圖片的數據。

具體的TypeScript 代碼：

convertImgToBase64(url, callback) {  
      var canvas = document.createElement('canvas');
      canvas.width = 1024;
      canvas.height = 768;
      var ctx = canvas.getContext('2d');
      var 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('image/jpeg');  
         callback.call(this, dataURL);  
         canvas = null;  
      };  
      img.src = url;  
}

調用的時候：

this.convertImgToBase64(filePath, function(base64Image) {
　　//filePath 即為圖片的路徑
　　//base64 是轉化后的圖片數據
});