前端开发入门到实战:HTML5进阶FileReader的使用

明星八卦 浏览(1168)

  FileReader对象FileReader对象主要用于将文件读入内存并读取文件中的数据。使用构造函数创建FileReader对象。

有几种方法可以读取此文件:

1.readAsText():读取文本文件(可以用Txt打开的文件)并返回文本字符串。默认编码为UTF-8。

2.readAsBinaryString():读取任何类型的文件。返回二进制字符串。此方法不用于将文件读取给用户查看,而是用于存储文件。例如:读取文件的内容,获取二进制数据,将其传递给后台,并在后台接收数据后,存储数据。

3.readAsDataURL():读取文件以获取以数据开头的字符串。这个字符串的本质是DataURL。 DataURL是一种嵌入文件的方法(该文件通常称为图像或可嵌入文档的文件格式)。该文件的计划。 DataURL是一种字符串形式,它将资源转换为base64编码并将它们直接存储在url>中

>

优化您网站的加载速度和执行效率。

我是一名五年前端工程师,希望本文能为您提供帮助!

在这里,我推荐我的前端学习交换扣qun:

里面是学习前端,如果你想制作很酷的网页,你想学习编程。我编写了2019最全面的前端学习资料,从最基本的HTML + CSS + JS [酷特效,游戏,插件包装,设计模式]到移动HTML5项目实用学习资料已经排序并发送每一个前端合作伙伴,每天分享技术

点击:加入

4.abort():中断读取

此对象通常用于即时预览:

即时:当用户选择图片时,立即处理预览>

>

平变化

预览:这是通过从文件中读取对象的readAsDataURL()来完成的。

以下是该应用程序的具体实现:

HTML部分

JS部分

获取数据时,FileReader还提供完整的事件模型,以在读取文件时捕获文件的状态。

96

IT智云编程

0.2

2019.07.2721: 19

字数580

FileReader对象FileReader对象主要用于将文件读入内存并读取文件中的数据。使用构造函数创建FileReader对象。

有几种方法可以读取此文件:

1.readAsText():读取文本文件(可以用Txt打开的文件)并返回文本字符串。默认编码为UTF-8。

2.readAsBinaryString():读取任何类型的文件。返回二进制字符串。此方法不用于将文件读取给用户查看,而是用于存储文件。例如:读取文件的内容,获取二进制数据,将其传递给后台,并在后台接收数据后,存储数据。

3.readAsDataURL():读取文件以获取以数据开头的字符串。这个字符串的本质是DataURL。 DataURL是一种嵌入文件的方法(该文件通常称为图像或可嵌入文档的文件格式)。该文件的计划。 DataURL是一种字符串形式,它将资源转换为base64编码并将它们直接存储在url>中

>

优化您网站的加载速度和执行效率。

我是一名五年前端工程师,希望本文能为您提供帮助!

在这里我推荐我的前端学习交换扣qun:里面是学习前端,如果你想制作一个很酷的网页,想学习编程。我编写了2019最全面的前端学习资料,从最基本的HTML + CSS + JS [酷特效,游戏,插件包装,设计模式]到移动HTML5项目实用学习资料已经排序并发送每一个前端合作伙伴,每天分享技术

点击:加入

4.abort():中断读取

此对象通常用于即时预览:

即时:当用户选择图片时,立即处理预览>

>

平变化

预览:这是通过从文件中读取对象的readAsDataURL()来完成的。

以下是该应用程序的具体实现:

HTML部分

JS部分

获取数据时,FileReader还提供完整的事件模型,以在读取文件时捕获文件的状态。

FileReader对象FileReader对象主要用于将文件读入内存并读取文件中的数据。使用构造函数创建FileReader对象。

有几种方法可以读取此文件:

1.readAsText():读取文本文件(可以用Txt打开的文件)。

返回默认编码为UTF-8的文本字符串。

2.readAsBinaryString():读取任何类型的文件。返回二进制字符串。此方法不用于将文件读取给用户查看,而是用于存储文件。例如:读取文件的内容,获取二进制数据,将其传递给后台,并在后台接收数据后,存储数据。

3.readAsDataURL():读取文件以获取以数据开头的字符串。这个字符串的本质是DataURL。 DataURL是一种嵌入文件的方法(该文件通常称为图像或可嵌入文档的文件格式)。该文件的计划。 DataURL是一种字符串形式,它将资源转换为base64编码并将它们直接存储在url>中

>

优化您网站的加载速度和执行效率。

我是一名五年前端工程师,希望本文能为您提供帮助!

在这里我推荐我的前端学习交换扣qun:里面是学习前端,如果你想制作一个很酷的网页,想学习编程。我编写了2019最全面的前端学习资料,从最基本的HTML + CSS + JS [酷特效,游戏,插件包装,设计模式]到移动HTML5项目实用学习资料已经排序并发送每一个前端合作伙伴,每天分享技术

点击:加入

4.abort():中断读取

此对象通常用于即时预览:

即时:当用户选择图片时,立即处理预览>

>

平变化

预览:这是通过从文件中读取对象的readAsDataURL()来完成的。

以下是该应用程序的具体实现:

HTML部分

JS部分

获取数据时,FileReader还提供完整的事件模型,以在读取文件时捕获文件的状态。 。