解决IE不支持html5 file api中readAsBinaryString

转载 2015年11月19日 10:40:35

解决IE不支持html5 file api中readAsBinaryString

坑爹的IE啊,不过还是有办法的。重写readAsBinaryString,用IE支持的方式


FileReader.prototype.readAsBinaryString = function (fileData) {
       var binary = "";
       var pt = this;
       var reader = new FileReader();      
       reader.onload = function (e) {
           var bytes = new Uint8Array(reader.result);
           var length = bytes.byteLength;
           for (var i = 0; i < length; i++) {
               binary += String.fromCharCode(bytes[i]);
           }
        //pt.result  - readonly so assign binary
        pt.content = binary;
        $(pt).trigger('onload');
    }

转载自:http://www.godeye.org/share/detail/18

又是阮一峰:文件和二进制数据的操作 - 从来没这么佩服一个没见过面的人

文件和二进制数据的操作 来自《JavaScript 标准参考教程(alpha)》,by 阮一峰目录Blob对象FileList对象File对象FileReader对象综合实例:显示用户选取的本地图片U...
  • sleks
  • sleks
  • 2015年03月17日 06:17
  • 2260

HTML5学习之FileReader接口

用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。到目前文职,只有FF3.6+和Chrome6...
  • zk437092645
  • zk437092645
  • 2013年04月01日 11:59
  • 104188

IE10,IE9,IE8等出现控件的click不能触发的问题,罪魁祸首竟然是腾讯

在做一个项目,其他浏览器都可以 原文地址:
  • ncy2005
  • ncy2005
  • 2014年08月21日 17:08
  • 3450

input file本地图片预览的方法(兼容IE、Chrome和Firefox)

input选择图片实现预览本地图片的方法,网上有很多,但是不能很好的兼容多种浏览器,这里找到一个兼容IE6、IE7、IE8和Chrome、firefox等浏览器的代码: input选择图...
  • yippeelyl
  • yippeelyl
  • 2014年09月16日 21:52
  • 13541

HTML5之FileReader的使用

HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用...
  • yaoyuan_difang
  • yaoyuan_difang
  • 2014年08月15日 11:37
  • 29154

考虑浏览器兼容的文件上传

方法一:使用FormData(因IE8不支持FormData, IE10才支持,因此此方法不兼容IE10以下的IE浏览器) 也可参考文章 http://www.jianshu.com/p/46e6e...
  • xyr05288
  • xyr05288
  • 2017年02月08日 11:21
  • 961

ie下 input file 双击问题

ie浏览器下,使用文件上传,有时需要双击才能打开选择文件的窗口, 解决方案: 只要把input的透明度改为0并且定位到最顶层即可 方案参考如下 http://www.86y.org/art_det...
  • qq_29457999
  • qq_29457999
  • 2017年06月04日 15:26
  • 723

html file api 兼容性问题

IE10 及以上input 有files 属性,ie9 下没有这个属性
  • ISaiSai
  • ISaiSai
  • 2016年06月07日 13:39
  • 1317

HTML5之FileReader的使用

HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用...
  • jackfrued
  • jackfrued
  • 2013年05月23日 22:46
  • 93735

[JS进阶] HTML5 之文件操作(file)

在 HTML 文档中 标签每出现一次,一个 FileUpload 对象就会被创建。 该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。 该元素的...
  • oscar999
  • oscar999
  • 2014年07月09日 08:11
  • 114403
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:解决IE不支持html5 file api中readAsBinaryString
举报原因:
原因补充:

(最多只允许输入30个字)