在javascript IE8中将图像转换为字节码

Question

如何在 Javascript 中将 图像(png) 转换为字节码。我使用过这段代码，但在 IE8 中，这段代码没有用处，因为 IE8 中不支持画布元素。

function getBase64Image(){     
    p=document.getElementById("fileUpload").value;
    img1.setAttribute('src', p); 
    canvas.width = img1.width; 
    canvas.height = img1.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img1, 0, 0); 
    var dataURL = canvas.toDataURL("image/png");alert("from getbase64 function"+dataURL );    
    return dataURL;
} 

在 IE8 中获取图像字节码的任何其他方式。我需要从图像到 html 页面中的 base64 字节码或任何图像 url base64 字节码。

我的图片网址就像this 有没有其他方法可以在 javascript 中获取图片字节码。

Answer 1

很遗憾，简单的答案是您不能开箱即用。

正如您所说，IE8 不支持画布元素，因此无法将图像数据提取为字节，因为您需要通过画布然后使用 toDataURL 或 getImageData。

IE8 的 poly-fills 允许您使用 excanvas 等基本功能。然而，这并不像上面提到的两个方法那样支持像素提取。

有两种解决方法：

1. 使用服务器：将图像发送到服务器并在那里进行处理
2. 使用基于 Flash 的画布“poly-fills”，您可以这样做。

对于后一点，有几个选项，例如：
http://flashcanvas.net/