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。

Can I use - FileReader

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

how-to-upload-an-image-save-it-to-localstorage-and-then-display-it-on-the-next...

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

Can I use - Canvas
how-can-i-use-the-html5-canvas-element-in-ie

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

https://github.com/Jahdrien/FileReader

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

1 个答案: