html5的filereader未定义怎样对读取.amr音频文件的base64编码

来源：蜘蛛抓取(WebSpider) 时间：2017-07-05 06:54 标签： filereader未定义

HTML5看到了许多可用于处理浏览器中嘚文件的新API 这些API使得完成诸如读取和写入文件或上传使用JavaScript创建的文件等任务变得更加容易。

在这篇博文中您将学习如何使用filereader未定义 API从夲地硬盘读取文件的内容。 您将创建两个演示应用程序 第一个应用程序将处理阅读，然后显示文本文件的内容 第二个将读取一个图像攵件，然后生成一个数据URL用来在页面上显示图像。

filereader未定义接口提供了许多可用于读取File或Blob对象的方法 这些方法都是异步的，这意味着你嘚程序在文件读取时不会停顿 这在处理大文件时特别有用。

接下来部分我们开始看下filereader未定义所提供的方法

读取文本文件。该方法含两個形参第一个为所要读取的File 或者Blob 对象，第二个为所用的编码格式（可选默认UTF-8）。鉴于这是一个异步方法我们需要为文件加载结束时添加一个事件监听器

该方法接收一个文件或Blob并产生一个data URL。通常是一个base64的文件数据字符你可以用此data URL去做类似为image设置src属性的事情。

一个ArrayBuffer是一個固定长度的二进制数组buffer在处理文件时（如将JPEG图像转换为PNG），它们可以派上用场

从历史上看，本地应用程序的功能与使用纯Web技术构建嘚应用程序的功能之间存在着巨大的分歧 虽然我并不否认这种差距依然存在，但像filereader未定义这样的API确实有助于弥合鸿沟

在这篇文章中，您已经学习了如何使用filereader未定义 API从用户的硬盘读取文件并在页面上显示它的内容。 如果您觉得自己是一个挑战为什么不尝试创建一个允許用户将文件放到页面上而不是使用<input>元素的应用程序。 我以前的文章实施本地拖放应该有助于让你开始

前言：filereader未定义是一种异步文件读取机制结合input:file可以很方便的读取本地文件。

input的file类型会渲染为一个按钮和一段文字点击按钮可打开文件选择窗口，文字表示对文件的描述（大部分情况下为文件名）；file类型的input会有files属性保存着文件的相关信息。

我要回帖

更多关于 filereader未定义 的文章

 

随机推荐