JavaScript的FileReader.readAsBinaryString()在web开发中无法使用。

最新推荐文章于 2024-07-24 18:47:49 发布
最新推荐文章于 2024-07-24 18:47:49 发布
阅读量1.6k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JACKEYLLLLLOVE/article/details/120393844
本文讨论了一个从W3C工作草案中废弃的方法，并解释了为何在某些浏览器中仍能使用此方法。文章还提供了如何替换该废弃方法的思路。

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

    该方法的作用：该方法用于将File对象转化为二进制文件。 

    遇到问题的情况：该方法在非生产环境中依然能够使用，所以我将代码从Hbuilder-X中移入Javaweb项目中没有发现这个问题。

    出现问题的原因是：从 2012 年 7 月 12 日起，该方法已从 W3C 工作草案废除。(Chrome浏览器仍然支持这个方法)。

    解决思路：

js自建readAsBinaryString方法，兼容ie11该方法报错，对象不支持“readAsBinaryString”属性或方法
Shadow_Weirdo
03-12 1853
兼容ie11报错，对象不支持“readAsBinaryString”属性或方法 vue项目可以直接在main.js加入下方代码 if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this;
JavaScript中 FileReader 对象详解
每天都要努力学习哦~~
07-24 4105
FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中 File 对象可以是来自用户在一个 < input > 元素上选择文件后返回的 FileList 对象，也可以来自拖放操作生成的 DataTransfer 对象，还可以是来自在一个 HTMLCanvasElement 上执行 mozGetAsFile() 方法后返回结果。
Vue3 FileReader：readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
最新发布
花花鱼的专栏
07-24 1161
readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
FileReader中readAsBinaryString方法在IE中使用报错以及替代方法
Dream
12-05 3650
最近使用了读取本地Excel，blob数据时，使用了FileReader中readAsBinaryString方法，然后报错 查了资料才知道，这个方法17年就已废除，而且建议不要再生产环境使用（然而我还是大胆的使用了他，就这么刺激，哈哈~） 而不能使用，自然也是给了可替代的方法 ==>传送门 咻咻~ ...
js自建readAsBinaryString方法
weixin_30832405的博客
01-18 1635
if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this; var reader...
web开发问题：reader.readAsBinaryString()不兼容
今年依旧12岁
01-03 1798
虽然不知道是谁，但是…大神，牛逼 参考文件： readAsBinaryString 兼容IE11
window.FileSystem.readAsBinaryString在js中是什么含义
07-16
很抱歉，但是我要纠正一下你的信息。...需要注意的是，`readAsBinaryString`方法在最新的Web标准中已被废弃。如果可能的话，建议使用更现代的API（如`readAsArrayBuffer`）来处理文件的二进制数据。
javascript结合fileReader 实现上传图片.docx
01-18
在现代Web开发中，用户交互体验至关重要。其中，图片上传功能是许多网站和应用程序的基本需求之一。利用JavaScript结合FileReader API，开发者能够轻松实现图片的本地预览及上传功能，从而提升用户体验。 #### 二、...
JavaScript使用FileReader实现图片上传预览效果
12-08
总的来说，FileReader API为JavaScript提供了强大的本地文件处理能力，使得在Web应用中实现诸如图片预览、文件读取等功能变得更加便捷。通过合理利用这些API，开发者可以创建更加丰富、交互性更强的Web应用。
基于JavaScript FileReader上传图片显示本地链接
10-22
FileReader接口尤其在处理文件上传和图片显示方面非常有用，本知识点将详细介绍如何使用FileReader对象在web应用程序中上传图片并显示图片的本地链接。 首先，FileReader对象支持多种读取文件的方法。它们分别是： ...
FileReader除了有函数readAsDataURL，另外还有另外两个函数readAsBinaryString 和 readAsText，分别可以将选择的文件读取成二进制和文本格式
WangJiangNan17214的博客
09-06 3080
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 2831
在使用 FileReader 对象读取文件的时候产生了下图报错：代码： 原因 产生该报错的原因是 readAsBinaryString 方法传入的不是 Blob 对象。readAsBinaryString 方法传入的必须是一个 Blob 对象。打印一下自己传入的对象，作者由于使用了 elementui 上传组件，传入 readAsBinaryString 方法内的 file 对象是经过 elementui 封装过的，下图打印可以看到，file.raw 属性才是真正的文件 Blob 对象，所以传入 file.
javascript基础学习系列三百二十：FileReader类型
wanmeijuhao的博客
01-30 1108
FileReader 类型表示一种异步文件读取机制。可以把 FileReader 想象成类似于 XMLHttpRequest， 只不过是用于从文件系统读取文件，而不是从服务器读取数据。FileReader 类型提供了几个读取文件 数据的方法。 readAsText(file, encoding):从文件中读取纯文本内容并保存在 result 属性中。第二个 参数表示编码，是可选的。 readAsDataURL(file):读取文件并将内容的数据 URI 保存在 result 属性中。
FileReader：读取文件内容
肖的博客
01-28 7335
FileReader：读取文件内容 readerAsText()：读取文本文件（可以使用txt打开的文件），返回文本字符串，默认编码是UTF-8 readAsBinaryString()：读取任意类型的文件，返回二进制字符串。这个方法不是用来读取文件展示给客户看，而是储存文件。例如：读取文件的内容，获取二进制数据，传递给后台，后台接收了数据之后，再将数据储存 readAsDataURL()：读取...
js FileReader的常用使用方法
源辰_付鹏程
04-24 1080
readAsDataURL()： 开始读取指定的 Blob 中的内容。FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。readAsArrayBuffer()： 开始读取指定的 Blob 中的内容。readAsBinaryString()： 开始读取指定的 Blob 中的内容。readAsText()： 开始读取指定的Blob中的内容。
web前端入门到实战：HTML5进阶FileReader的使用
软件开发-前端开发-IT
09-03 499
FileReader 对象FileReader 对象主要用来把文件读入内存，并且读取文件中的数据。通过构造函数创建一个 FileReader 对象。 这个文件读取对象有以下几种方法： 1.readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8。 2.readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读...
html5 FileReader 方法
我是渣渣
10-19 3789
FileReader的接口方法 FileReader的接口方法有四个，其中三个用来读取文件，另一个用来终端读取。无论读取成功或者失败。方法并不会返回读取结果。这一结果存储在result属性中。 readAsBinaryString(file): 将文件读取成二进制文件 readAsText(file[,enconing]): 将文件读取为文本 readAsDataURL(file): 将文件读取为D
微软字节javascript 类型数组读取二进制数据 -java教程
04-24 543
每日一贴,今天的内容关键字为微软字节     先建一个文件，按UTF-16大端 BOM 格式存保一个符字串：hi aleck，     用使 file API 把他按二进制方法取读到浏览器。     文件取读方法在这里：     http://hi.baidu.com/ecalf830/item/e3b2d2c9b1003222a0b50a39     单简分析一下 file api 的
HTML5学习之FileReader接口
赶路人儿
05-29 1064
用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。 1、FileReader接口的方法 FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值