如何從dataURL創建圖像文件？

Question

我想上傳圖片到Parse.com，我沒有這些文件，但dataURL（因爲我調整了圖像大小），但需要上傳圖片文件。

歡迎任何提示。

下面是更詳細的信息的代碼：

// First want to resize the image, where the result is a dataURL 
var dataURL; 
function resizePicture(file) { // This file is the original image 
    var reader = new FileReader(); 
    reader.onloadend = function() { 
     var tempImg = new Image(); 
     tempImg.src = reader.result; 
     tempImg.onload = function() { 
      var MAX_WIDTH = 100; 
      var MAX_HEIGHT = 150; 
      var tempW = tempImg.width; 
      var tempH = tempImg.height; 
      if (tempW > tempH) { 
       if (tempW > MAX_WIDTH) { 
        tempH *= MAX_WIDTH/tempW; 
        tempW = MAX_WIDTH; 
       } 
      } else { 
       if (tempH > MAX_HEIGHT) { 
        tempW *= MAX_HEIGHT/tempH; 
        tempH = MAX_HEIGHT; 
       } 
      } 
      var canvas = document.createElement('canvas'); 
      canvas.width = tempW; 
      canvas.height = tempH; 
      var ctx = canvas.getContext("2d"); 
      ctx.drawImage(this, 0, 0, tempW, tempH); 
      dataURL = canvas.toDataURL("image/jpeg"); // How can I convert this dataURL to an image file? 
     } 
    } 
    reader.readAsDataURL(file); 
} 

// Then, want to upload the image to Parse.com. 
function savePicture() { 
    var name = "productPicture.jpg"; 
    var parseFile = new Parse.File(name, dataURL); // Here instead of dataURL, I need an image file. 
    parseFile.save().then(function() { 
      // successful save 
     }, function(error) { 
      alert("The file either could not be read, or could not be saved to Parse."); 
    }); 
} 

Answer 1

作爲每API Documentation爲Parse.File(name, data, type)：

數據

該文件的數據，或者：

1. 一個字節值數組的數組，或
2. 一個對象，如{base64：「...」}與一個base64編碼的字符串。
3. 使用文件上傳控件選擇的File對象。

（3）僅適用於Firefox 3.6 +，Safari 6.0.2+，Chrome 7+和IE 10+。

理論上這應該工作：

// get everything after "base64," 
var base64 = dataURL.split('base64,')[1]; 
var parseFile = new Parse.File(name, { base64: base64 });