读取图像文件并在IE中转换为base64格式

Question

我正在使用下面的jQuery，它从文件输入中读取图像输入并转换为base64格式以显示，它在googlechrome中工作得很好，但在IE中却没有。 我想在IE中达到相同的目的。 请帮忙

function readImage(input) {
if ( input.files && input.files[0] ) {
    var FR= new FileReader();
    FR.onload = function(e) {
         $('#img').attr( "src", e.target.result );
         $('#base').text( e.target.result );
    };       
    FR.readAsDataURL( input.files[0] );
  }
 }

$("#asd").change(function(){

   readImage( this );
});

Answer 1

IE仅在IE10及更高版本中支持FileReader。

我可以使用-FileReader

除此之外，您的IE8对于base64图像源仅支持32kb的数据。 如果需要支持IE9及更低版本，您将需要找到另一种方法，该方法涉及从服务器显式返回base64字符串。 一种客户端方法是从画布中提取base64数据。

如何将图像保存到本地存储，然后在下一个显示...

问题是IE8会再次打败您，您将不得不寻找某种垫片来解决您的问题。

我可以使用-帆布
我如何使用html5画布元素

最后，您可以尝试使用FileReader polyFill，例如

https://github.com/Jahdrien/FileReader