js自建readAsBinaryString方法，兼容ie11该方法报错，对象不支持“readAsBinaryString”属性或方法

最新推荐文章于 2024-07-24 18:47:49 发布
最新推荐文章于 2024-07-24 18:47:49 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： JS 文章标签： js ie javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42568381/article/details/114702503
版权
本文介绍了如何在Vue项目中处理IE11浏览器不支持`readAsBinaryString`方法的问题，提供了一种兼容性的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

兼容ie11报错，对象不支持“readAsBinaryString”属性或方法

vue项目可以直接在main.js加入下方代码

if (typeof(FileReader.prototype.readAsBinaryString) !== "function") {
   
    FileReader.prototype.readAsBinaryString = function (fileData
最低0.47元/天 解锁文章
深入理解JavaScript的FileReader详细讲解
05-09 2557
深入理解JavaScript的FileReader详细讲解
解决IE11使用xlsx.full.js解析excel为Json格式兼容问题
Calla_Lj的博客
08-24 1338
最近做了一个需求，就是excel附件上传，然后要将excel的文件内容解析为json格式的数据，然后再发送到后台进行处理。 解析excel内容选用的插件是xlsx.full.min.js,其中有FileReader对象以及方法可以帮助我们实现解析： FileReader共有4种读取方法： 1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。 2.readAsBinaryString(file)：将文件读取为二进制字符串 3.readAsDataURL(file...
JavaScript的FileReader.readAsBinaryString()在web开发中无法使用。
JACKEYLLLLLOVE的博客
09-20 1652
该方法的作用：该方法用于将File对象转化为二进制文件。 遇到问题的情况：该方法在非生产环境中依然能够使用，所以我将代码从Hbuilder-X中移入Javaweb项目中没有发现这个问题。 出现问题的原因是：从 2012 年 7 月 12 日起，该方法已从W3C 工作草案废除。(Chrome浏览器仍然支持这个方法)。 解决思路： ...
解决IE不支持html5 file api中readAsBinaryString
热门推荐
u011281285的博客
11-19 1万+
解决IE不支持html5 file api中readAsBinaryString
Vue3 FileReader：readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
最新发布
花花鱼的专栏
07-24 1106
readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
js自建readAsBinaryString方法
weixin_30832405的博客
01-18 1634
if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this; var reader...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   <html> <head> <title></title> </head> <bod...
前端文件上传
VIP__ID的博客
06-24 3562
一丶前端文件上传方式 前端网页文件上传一般使用 来实现。 在 HTML 文档中： <input type="file" />标签每出现一次，一个 FileUpload 对象就会被创建。该标签包含一个文本输入字段，用来输入文件名，还有一个按钮，用来打开文件选择对话框以便图形化选择文件,该标签的 value属性保存了用户指定的文件的名称。 多选： 标签可以通过添加 multiple 属性来...
readAsBinaryString polyfill
x619y的专栏
10-27 1120
if (!FileReader.prototype.readAsBinaryString) {         FileReader.prototype.readAsBinaryString = function (fileData) {             var binary = "";             var pt = this;             var read
FileReader中readAsBinaryString方法在IE中使用报错以及替代方法
Dream
12-05 3639
最近使用了读取本地Excel，blob数据时，使用了FileReader中readAsBinaryString方法，然后报错 查了资料才知道，这个方法17年就已废除，而且建议不要再生产环境使用（然而我还是大胆的使用了他，就这么刺激，哈哈~） 而不能使用，自然也是给了可替代的方法 ==>传送门 咻咻~ ...
html5 二进制数据解析,从HTML5 Canvas获取二进制(base64)数据(readAsBinaryString)
weixin_39851974的博客
06-04 541
有没有办法将HTML Canvas的内容作为二进制数据读取？目前我有以下HTML来显示输入文件和它下面的画布:Get Image ContentInput:Canvas我然后设置我的输入文件以正确设置画布,这工作正常:$('#fileInput').on('change', function() {$.each(this.files, function() {var image = new Ima...
FileReader除了有函数readAsDataURL，另外还有另外两个函数readAsBinaryString 和 readAsText，分别可以将选择的文件读取成二进制和文本格式
WangJiangNan17214的博客
09-06 3069
Document                  //判断浏览器是否支持FileReader接口             if (typeof FileReader == 'undefined') {                 document.getElementById("xmTanContentDiv").InnerHTML = "当前浏览器不支持FileRead
Failed to execute ‘readAsBinaryString‘ on ‘FileReader‘: parameter 1 is not of type ‘Blob‘.报错解决
jiangjunyuan168的博客
11-15 2767
在使用 FileReader 对象读取文件的时候产生了下图报错：代码： 原因 产生该报错的原因是 readAsBinaryString 方法传入的不是 Blob 对象。readAsBinaryString 方法传入的必须是一个 Blob 对象。打印一下自己传入的对象，作者由于使用了 elementui 上传组件，传入 readAsBinaryString 方法内的 file 对象是经过 elementui 封装过的，下图打印可以看到，file.raw 属性才是真正的文件 Blob 对象，所以传入 file.
jquery ie11 html函数,html - JavaScript readAsBinaryString Function on E11 - Stack Overflow
weixin_40001309的博客
07-03 166
I had some problems with the answers here and ended up making a few slight changes.Instead of assigning to pt.content, my solution is to send a custom object to the prototype's onload, that receiver c...
html5和api区别,HTML5 FileReader API中readAsBinaryString（）和readAsDataURL（）之间的区别(Difference between readAs...
weixin_42332131的博客
06-17 588
HTML5 FileReader API中readAsBinaryString()和readAsDataURL()之间的区别(Difference between readAsBinaryString() and readAsDataURL() in HTML5 FileReader API)在HTML5中，它引入了FileReader API。 我无法真正理解readAsBinaryString...
HTML将变量转换成二进制,从HTML5 Canvas（readAsBinaryString）获取二进制（base64）数据...
weixin_34378126的博客
05-31 357
有什么方法可以将HTML Canvas的内容读取为二进制数据？目前，我具有以下HTML来显示输入文件及其下方的画布：Get Image ContentInput:Canvas然后，我已经设置了输入文件以正确设置画布，这可以正常工作：$('#fileInput').on('change', function() {$.each(this.files, function() {var image = ...
readAsBinaryString 兼容IE11
weixin_30920091的博客
04-18 1220
readAsBinaryString api: https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsBinaryString 注意： 该特性是非标准的，请尽量不要在生产环境中使用它！ 经过测试：ie11浏览器不支持，chrome等是支持的。 解决方案1： 使用： readAsArray...
javascript基础学习系列三百二十：FileReader类型
wanmeijuhao的博客
01-30 1096
FileReader 类型表示一种异步文件读取机制。可以把 FileReader 想象成类似于 XMLHttpRequest， 只不过是用于从文件系统读取文件，而不是从服务器读取数据。FileReader 类型提供了几个读取文件 数据的方法。 readAsText(file, encoding):从文件中读取纯文本内容并保存在 result 属性中。第二个 参数表示编码，是可选的。 readAsDataURL(file):读取文件并将内容的数据 URI 保存在 result 属性中。
微软字节javascript 类型数组读取二进制数据 -java教程
04-24 542
每日一贴,今天的内容关键字为微软字节     先建一个文件，按UTF-16大端 BOM 格式存保一个符字串：hi aleck，     用使 file API 把他按二进制方法取读到浏览器。     文件取读方法在这里：     http://hi.baidu.com/ecalf830/item/e3b2d2c9b1003222a0b50a39     单简分析一下 file api 的
兼容IE11的JavaScript Excel文件导入方案
这导致在IE11中不能使用一些现代JavaScript的语法和API，比如`const`、`let`关键字，`Promise`对象，以及`Array.prototype`上的一些新方法（如`map`、`reduce`等）。在开发兼容IE11的项目时，通常需要使用如Babel...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值