HTML5 formdata：从远程服务器读取图像数据

Question

有人知道，是否有可能将图像从远程URL读取为二进制文件。 我知道File API让我们有可能从我们的本地系统读取二进制文件。 但我找不到有关从远程URL读取的信息。也许我甚至可以从浏览器缓存中读取这些信息，在我从这里加载这些信息之后呢？

Answer 1

我认为这将解决您的问题，使您的网址作为SRC的img标记。

function getBase64Image(img) { 
    // Create an empty canvas element 
    var canvas = document.createElement("canvas"); 
    canvas.width = img.width; 
    canvas.height = img.height; 

    // Copy the image contents to the canvas 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img, 0, 0); 

    // Get the data-URL formatted image 
    // Firefox supports PNG and JPEG. You could check img.src to 
    // guess the original format, but be aware the using "image/jpg" 
    // will re-encode the image. 
    var dataURL = canvas.toDataURL("image/png"); 

    return dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 
} 

此功能是在Get image data in JavaScript?

发现使用它像

var img = new Image(); 
img.load = function(){ 
    var data = getBase64Image(this); 
}; 
img.src= "my IMAGE URL"; 

或使用您自己的img标签从你的HTML