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

最新推荐文章于 2024-07-24 18:47:49 发布
原创 最新推荐文章于 2024-07-24 18:47:49 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #css #html

本文讨论了一个从W3C工作草案中废弃的方法，并解释了为何在某些浏览器中仍能使用此方法。文章还提供了如何替换该废弃方法的思路。

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

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

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

    解决思路：

前端提高篇(七十四)：FileReader文件操作及Blob对象
安之ccy的博客
03-24 1062
在input标签里，有一个file类型，可以选择文件，但是文件只是在浏览器中，并没有传输到服务器上 <input type="file" multiple> <input type="button" value="提交"> 效果： fileList和file 1.fileList：表示用户选择的文件列表 2.file：表示file控件内的每一个被选择的文件对象。fileList为这些file对象的列表 var file = document.getElementB
JavaScript中 FileReader 对象详解
每天都要努力学习哦~~
07-24 4245
FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中 File 对象可以是来自用户在一个 < input > 元素上选择文件后返回的 FileList 对象，也可以来自拖放操作生成的 DataTransfer 对象，还可以是来自在一个 HTMLCanvasElement 上执行 mozGetAsFile() 方法后返回结果。
Vue3 FileReader：readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
花花鱼的专栏
07-24 1289
readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
Blob、FileReader全面解析
网站前端/PHP/Android/其他
01-18 5956
上传图片获取base64图片或2进制图片 base64： var uploadFile = document.getElementById('uploadFile'); // uploadFile.onchange = function() { var fr = new FileReader(); fr.onloadend = function(res)
js自建readAsBinaryString方法，兼容ie11该方法报错，对象不支持“readAsBinaryString”属性或方法
Shadow_Weirdo
03-12 1893
兼容ie11报错，对象不支持“readAsBinaryString”属性或方法 vue项目可以直接在main.js加入下方代码 if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this;
FileReader中readAsBinaryString方法在IE中使用报错以及替代方法
Dream
12-05 3702
最近使用了读取本地Excel，blob数据时，使用了FileReader中readAsBinaryString方法，然后报错 查了资料才知道，这个方法17年就已废除，而且建议不要再生产环境使用（然而我还是大胆的使用了他，就这么刺激，哈哈~） 而不能使用，自然也是给了可替代的方法 ==>传送门 咻咻~ ...
Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）内容的FileReader接口, 下面实例方法在什么条件下使用FileReader.readAsArrayBuffer(),FileReader.readAsDataURL(),FileReader.readAsBinaryString(),FileReader.readAsText()
最新发布
06-13
嗯，用户询问的是FileReader接口中几种不同读取方法的使用条件和区别。这个问题在文件处理和前端开发中非常常见，需要从技术原理和实际应用两个维度来解答。注意到用户引用了四篇相关资料，其中1-3篇详细描述了各...
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应用。
js自建readAsBinaryString方法
weixin_30832405的博客
01-18 1653
if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this; var reader...
web开发问题：reader.readAsBinaryString()不兼容
今年依旧12岁
01-03 1811
虽然不知道是谁，但是…大神，牛逼 参考文件： readAsBinaryString 兼容IE11
FileReader除了有函数readAsDataURL，另外还有另外两个函数readAsBinaryString 和 readAsText，分别可以将选择的文件读取成二进制和文本格式
WangJiangNan17214的博客
09-06 3101
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 3019
在使用 FileReader 对象读取文件的时候产生了下图报错：代码： 原因 产生该报错的原因是 readAsBinaryString 方法传入的不是 Blob 对象。readAsBinaryString 方法传入的必须是一个 Blob 对象。打印一下自己传入的对象，作者由于使用了 elementui 上传组件，传入 readAsBinaryString 方法内的 file 对象是经过 elementui 封装过的，下图打印可以看到，file.raw 属性才是真正的文件 Blob 对象，所以传入 file.
javascript基础学习系列三百二十：FileReader类型
wanmeijuhao的博客
01-30 1201
FileReader 类型表示一种异步文件读取机制。可以把 FileReader 想象成类似于 XMLHttpRequest， 只不过是用于从文件系统读取文件，而不是从服务器读取数据。FileReader 类型提供了几个读取文件 数据的方法。 readAsText(file, encoding):从文件中读取纯文本内容并保存在 result 属性中。第二个 参数表示编码，是可选的。 readAsDataURL(file):读取文件并将内容的数据 URI 保存在 result 属性中。
FileReader：读取文件内容
肖的博客
01-28 7386
FileReader：读取文件内容 readerAsText()：读取文本文件（可以使用txt打开的文件），返回文本字符串，默认编码是UTF-8 readAsBinaryString()：读取任意类型的文件，返回二进制字符串。这个方法不是用来读取文件展示给客户看，而是储存文件。例如：读取文件的内容，获取二进制数据，传递给后台，后台接收了数据之后，再将数据储存 readAsDataURL()：读取...
js FileReader的常用使用方法
源辰_付鹏程
04-24 1157
readAsDataURL()： 开始读取指定的 Blob 中的内容。FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。readAsArrayBuffer()： 开始读取指定的 Blob 中的内容。readAsBinaryString()： 开始读取指定的 Blob 中的内容。readAsText()： 开始读取指定的Blob中的内容。
web前端入门到实战：HTML5进阶FileReader的使用
软件开发-前端开发-IT
09-03 525
FileReader 对象FileReader 对象主要用来把文件读入内存，并且读取文件中的数据。通过构造函数创建一个 FileReader 对象。 这个文件读取对象有以下几种方法： 1.readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8。 2.readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读...
html5 FileReader 方法
我是渣渣
10-19 3812
FileReader的接口方法 FileReader的接口方法有四个，其中三个用来读取文件，另一个用来终端读取。无论读取成功或者失败。方法并不会返回读取结果。这一结果存储在result属性中。 readAsBinaryString(file): 将文件读取成二进制文件 readAsText(file[,enconing]): 将文件读取为文本 readAsDataURL(file): 将文件读取为D
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值