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

时间:2019-08-12 来源: 星座

  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还提供完整的事件模型,以在读取文件时捕获文件的状态。

频道热点
  1. ?  18:19:14剧毒影响  文/苗若兰最近,梁洛石在他的个人社交软件中与大家分享了他的照片。在照片中,她一手拿着红酒,一手拿着炸牛排,说“周末很开心”。生活很愉快。回来以后,她一直很忙,偶尔会跑
  2.   各位糖尿病友饮食技巧中最能朗朗上口大概就是「多吃菜」了,因为青菜含有纤维,大多数人对“纤维”这个
  3. 14:12:38大生电影“二弟”是赵丽英给丈夫冯少峰的名字。事实上,因为冯绍峰的绰号是之前的,所以赵丽英用它
  4.   12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?
  5. 14:12:38大生电影“二弟”是赵丽英给丈夫冯少峰的名字。事实上,因为冯绍峰的绰号是之前的,所以赵丽英用它
  6.   FileReader对象FileReader对象主要用于将文件读入内存并读取文件中的数据。使用构造函数创建FileReader
  7.   12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?
  8.   FileReader对象FileReader对象主要用于将文件读入内存并读取文件中的数据。使用构造函数创建FileReader
  9.   12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?
  10.   12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?
新闻排行
  1. 全国退役军人工作会议闭幕,透露出这些重要信息!7月27日上午,全国退役军人工作会议在北京圆满结束。会议?

    全国退役军人工作会议闭幕,透露出这些重要信息!7月27日上午,全国退役军人工作会议在北京圆满结束。会议?...

  2.   现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人

      现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人...

  3.   12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?

      12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?...

  4.   现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人

      现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人...

  5.   12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?

      12:41:22小猪美食坊  儿子对下一顿饭的超级爱,三天尖叫和吃饭,可以吃2碗米饭!进入三天后,天气越?...

  6. 14:12:38大生电影“二弟”是赵丽英给丈夫冯少峰的名字。事实上,因为冯绍峰的绰号是之前的,所以赵丽英用它

    14:12:38大生电影“二弟”是赵丽英给丈夫冯少峰的名字。事实上,因为冯绍峰的绰号是之前的,所以赵丽英用它...

  7.   现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人

      现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人...

  8.   各位糖尿病友饮食技巧中最能朗朗上口大概就是「多吃菜」了,因为青菜含有纤维,大多数人对“纤维”这个

      各位糖尿病友饮食技巧中最能朗朗上口大概就是「多吃菜」了,因为青菜含有纤维,大多数人对“纤维”这个...

  9.   现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人

      现在有更多的业余跑者,喜欢参加跑马一类的跑步挑战,其中10公里的比赛跑,受到更多人的喜欢,参加的人...

  10. ?  18:19:14剧毒影响  文/苗若兰最近,梁洛石在他的个人社交软件中与大家分享了他的照片。在照片中,她一手拿着红酒,一手拿着炸牛排,说“周末很开心”。生活很愉快。回来以后,她一直很忙,偶尔会跑

    ?  18:19:14剧毒影响  文/苗若兰最近,梁洛石在他的个人社交软件中与大家分享了他的照片。在照片中,她一手拿着红酒,一手拿着炸牛排,说“周末很开心”。生活很愉快。回来以后,她一直很忙,偶尔会跑...

日期归档