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

最新推荐文章于 2024-07-24 18:47:49 发布
最新推荐文章于 2024-07-24 18:47:49 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： JavaScript 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JACKEYLLLLLOVE/article/details/120393844
版权

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

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

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

    解决思路：

「已注销」
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
H5的新特性及部分API详解
charlene0824的博客
08-09 4万+
h5新特性总览移除的元素**纯表现的元素：**basefont、big、center、font等 **对可用性产生负面影响的元素：**frame、frameset、noframes新增的API语义：能够让你更恰当地描述你的内容是什么。 连通性：能够让你和服务器之间通过创新的新技术方法进行通信（web sockets等）。 离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行（离线
js自建readAsBinaryString方法，兼容ie11该方法报错，对象不支持“readAsBinaryString”属性或方法
Shadow_Weirdo
03-12 1748
兼容ie11报错，对象不支持“readAsBinaryString”属性或方法 vue项目可以直接在main.js加入下方代码 if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this;
js自建readAsBinaryString方法
weixin_30832405的博客
01-18 1596
if (typeof(FileReader.prototype.readAsBinaryString) !== "function") { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this; var reader...
html5 FileReader 方法
我是渣渣
10-19 3709
FileReader的接口方法 FileReader的接口方法有四个，其中三个用来读取文件，另一个用来终端读取。无论读取成功或者失败。方法并不会返回读取结果。这一结果存储在result属性中。 readAsBinaryString(file): 将文件读取成二进制文件 readAsText(file[,enconing]): 将文件读取为文本 readAsDataURL(file): 将文件读取为D
JavaScript进阶（六）：用JavaScript读取和保存文件_javascript blob保存 文件
2401_85123638的博客
06-18 738
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档### 最后**前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档**[外链图片转存中...(img-yQFdSzkM-1718712072620)][外链图片转存中...(img-FYnMuyjr-1718712072622)]
FileReader中readAsBinaryString方法在IE中使用报错以及替代方法
Dream
12-05 3436
最近使用了读取本地Excel，blob数据时，使用了FileReader中readAsBinaryString方法，然后报错 查了资料才知道，这个方法17年就已废除，而且建议不要再生产环境使用（然而我还是大胆的使用了他，就这么刺激，哈哈~） 而不能使用，自然也是给了可替代的方法 ==>传送门 咻咻~ ...
FileReader除了有函数readAsDataURL，另外还有另外两个函数readAsBinaryString 和 readAsText，分别可以将选择的文件读取成二进制和文本格式
WangJiangNan17214的博客
09-06 2996
Document                  //判断浏览器是否支持FileReader接口             if (typeof FileReader == 'undefined') {                 document.getElementById("xmTanContentDiv").InnerHTML = "当前浏览器不支持FileRead
Vue3 FileReader：readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
最新发布
jwbabc的专栏
07-24 215
readAsBinaryString() 过时，要使用readAsArrayBuffer来代替。
FileReader：读取文件内容
肖的博客
01-28 7173
FileReader：读取文件内容 readerAsText()：读取文本文件（可以使用txt打开的文件），返回文本字符串，默认编码是UTF-8 readAsBinaryString()：读取任意类型的文件，返回二进制字符串。这个方法不是用来读取文件展示给客户看，而是储存文件。例如：读取文件的内容，获取二进制数据，传递给后台，后台接收了数据之后，再将数据储存 readAsDataURL()：读取...
html5和api区别,HTML5 FileReader API中readAsBinaryString（）和readAsDataURL（）之间的区别(Difference between readAs...
weixin_42332131的博客
06-17 546
HTML5 FileReader API中readAsBinaryString()和readAsDataURL()之间的区别(Difference between readAsBinaryString() and readAsDataURL() in HTML5 FileReader API)在HTML5中，它引入了FileReader API。 我无法真正理解readAsBinaryString...
JavaScript使用FileReader实现图片上传预览效果
12-08
总的来说，FileReader API为JavaScript提供了强大的本地文件处理能力，使得在Web应用中实现诸如图片预览、文件读取等功能变得更加便捷。通过合理利用这些API，开发者可以创建更加丰富、交互性更强的Web应用。
javascript HTML5文件上传FileReader API_.docx
10-09
HTML5的FileReader API是现代Web开发中一个重要的特性，特别是在处理用户上传文件时，它提供了在客户端预处理文件的能力，极大地增强了用户体验和安全性。在传统的HTML表单上传中，文件上传过程通常涉及将文件完全...
javascript HTML5文件上传FileReader API
11-24
总结来说，JavaScript 和 HTML5 的 FileReader API 是现代 Web 开发中的重要工具，它提供了在上传文件之前进行客户端预处理的能力，包括读取文件元数据、预览内容和执行基本的验证。这种能力对于构建高效、安全的...
用JavaScript读取文件内容
08-10
尽管JavaScript主要运行在浏览器环境中，它在现代Web开发中已经具备了处理文件的能力，尤其是通过HTML5引入的File API。以下将详细介绍如何利用JavaScript读取文件内容，以及相关的知识点。 首先，`ReadFile`函数是...
前端-HTML-Web Excel导入
04-26
在前端开发中，Web Excel导入是一项常见的需求，它允许用户在网页上直接上传Excel文件，以便进行数据的读取、处理或展示。这项技术对于数据分析、报表制作等场景尤为重要。以下将详细介绍实现Web Excel导入涉及的...
web前端入门到实战：HTML5进阶FileReader的使用
软件开发-前端开发-IT
09-03 435
FileReader 对象FileReader 对象主要用来把文件读入内存，并且读取文件中的数据。通过构造函数创建一个 FileReader 对象。 这个文件读取对象有以下几种方法： 1.readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8。 2.readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读...
js FileReader的常用使用方法
源辰_付鹏程
04-24 942
readAsDataURL()： 开始读取指定的 Blob 中的内容。FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。readAsArrayBuffer()： 开始读取指定的 Blob 中的内容。readAsBinaryString()： 开始读取指定的 Blob 中的内容。readAsText()： 开始读取指定的Blob中的内容。
HTML5学习之FileReader接口
赶路人儿
05-29 996
用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。 1、FileReader接口的方法 FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会
Html5 js FileReader接口用于文件上传
hljqfl的专栏
01-29 1054
补充：FileReader把文件读入内存，所以onprogress事件侦听到的也只是文件向本机电脑内存中上传的进度信息。切记！真正用于显示向服务器上传文件进度是不行的。   用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileR...
window.FileSystem.readAsBinaryString在js中是什么含义
07-16
很抱歉，但是我要纠正一下你的信息。在JavaScript中，`window.FileSystem`对象并没有提供`readAsBinaryString`方法。或许你想要了解的是`FileReader`对象的`readAsBinaryString`方法。 `FileReader`对象是JavaScript中用于读取文件的内置对象之一。它提供了几种方法来读取文件，其中之一就是`readAsBinaryString`方法。该方法用于将文件内容读取为二进制字符串。 以下是一个简单的示例，演示如何使用`FileReader`的`readAsBinaryString`方法来读取文件内容： ```javascript function readFileAsBinaryString(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = () => { const binaryString = reader.result; resolve(binaryString); }; reader.onerror = () => { reject(reader.error); }; reader.readAsBinaryString(file); }); } // 使用示例 const fileInput = document.getElementById('fileInput'); fileInput.addEventListener('change', async (event) => { const file = event.target.files[0]; try { const binaryString = await readFileAsBinaryString(file); console.log(binaryString); } catch (error) { console.error('读取文件错误:', error); } }); ``` 在上面的示例中，我们定义了一个`readFileAsBinaryString`函数，它返回一个Promise以便我们可以使用async/await语法处理异步操作。当文件选择框的值发生变化时，我们获取所选文件并调用`readFileAsBinaryString`函数来读取文件内容。读取完成后，我们将二进制字符串打印到控制台。 需要注意的是，`readAsBinaryString`方法在最新的Web标准中已被废弃。如果可能的话，建议使用更现代的API（如`readAsArrayBuffer`）来处理文件的二进制数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值