readAsBinaryString 兼容IE11

Myth丶恋晨 2021-11-11 02:08 498阅读 0赞

readAsBinaryString api:

[https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsBinaryString][https_developer.mozilla.org_zh-CN_docs_Web_API_FileReader_readAsBinaryString]

注意：

该特性是非标准的，请尽量不要在生产环境中使用它！

经过测试：ie11浏览器不支持，chrome等是支持的。

解决方案1：

使用：
    
    readAsArrayBuffer
    
    然后：
    
    function arrayBufferToString(buffer) {
    var array = new Uint8Array(buffer);
    return binaryToString(String.fromCharCode.apply(null, Array.prototype.slice.apply(array)));
    }

该访问问题：如果buffer比较大，那么ie11可能出现堆栈溢出。

解决方案2：自定义

readAsBinaryString

if (r.readAsBinaryString === undefined) {
              FileReader.prototype.readAsBinaryString = function (fileData) { //解决ie11 大文件堆栈溢出的问题（for arrayBufferToString）
                  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.content = binary;
                      //console.log("binary length:" + binary.length);
                      pt.onload(pt); //页面内data取pt.content文件内容
                  }
                  reader.readAsArrayBuffer(fileData);
              }
          }

转载于:https://www.cnblogs.com/badprogrammer/p/10728024.html

[https_developer.mozilla.org_zh-CN_docs_Web_API_FileReader_readAsBinaryString]: https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsBinaryString

发表评论取消回复

表情：

评论列表（有 0 条评论，498人围观）

还没有评论，来说两句吧...

相关阅读

相关 angular 8 不兼容IE11

差异化加载在构建 Web 应用时，确保你的应用与大多数浏览器兼容是目标之一。JavaScript 在不断发展，新功能不断推出，不是所有浏览器都能以同样的进度实现这些新功

雨点打透心脏的1/2处/ 2023年08月17日 16:22/ 0 赞/ 148 阅读

相关兼容IE11样式 hack

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){

迷南。/ 2023年02月25日 04:57/ 0 赞/ 23 阅读

相关 IE11的CSS兼容性问题

最近测试给了我一大堆BUG，一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同，而且最明显的一点应该是padding左右内边距往往比别的

￡神魔★判官ぃ/ 2022年10月09日 00:36/ 0 赞/ 273 阅读

相关 IE11 中的兼容性更改

使用 Internet Explorer 11，你可以获得与 Web 标准、其他浏览器和实际网站的更好兼容性。更新了对常用 Web 标准的支持并添加了可防止较旧版本的网站错误

约定不等于承诺〃/ 2022年09月20日 12:52/ 0 赞/ 274 阅读

相关 IE11不兼容console.info

问题描述：在代码中使用了console.info(),打开控制台一切正常，关闭控制台代码不执行原因： console.info()是需要打开一次控制台才能

亦凉/ 2022年06月17日 01:24/ 1 赞/ 315 阅读

相关 IE11兼容问题解决

微软向兼容性靠拢,使得IE11浏览器标识变成Mozilla,导致处理下载文件时出现乱码问题,但不无解决方法, 查看请求发现IE11的标识 rv:11,这里区分

迈不过友情╰/ 2022年06月01日 01:21/ 0 赞/ 416 阅读

相关 IE11兼容

最近在做一个项目的时候，发现如下IE11兼容性问题：（1）js中不支持使用模板字符串（反引号）；（2）new ActiveXObject只能在IE下使用，谷歌浏览器下不

Myth丶恋晨/ 2022年05月28日 08:45/ 0 赞/ 375 阅读

相关 vuex不兼容ie11怎么办

IE一直以来坑就多，那么vuex不兼容IE11怎么办 IE11没有内置promise，所以用不了vuex很正常。为了兼容，首先要安装一个库。 ![70][] 安

左手的ㄟ右手/ 2022年05月13日 11:10/ 0 赞/ 429 阅读

相关 vue-cli 兼容ie，vue项目兼容ie9.ie11

1、首先 npm install --save babel-polyfill 2、然后在`main.js`中的最前面引入`babel-polyfill`

￡神魔★判官ぃ/ 2022年03月30日 04:47/ 0 赞/ 727 阅读

相关 readAsBinaryString 兼容IE11

readAsBinaryString api: [https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader

Myth丶恋晨/ 2021年11月11日 02:08/ 0 赞/ 499 阅读