Js FileReader图片加载

Posted 心以不防

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Js FileReader图片加载相关的知识,希望对你有一定的参考价值。

FileReader

 FileReader主要用于将文件内容读入内存,通过一系列异步接口,可以在主线程中访问本地文件。

方法

方法定义描述
abort():void 终止文件读取操作
readAsArrayBuffer(file):void 异步按字节读取文件内容,结果用ArrayBuffer对象表示
readAsBinaryString(file):void 异步按字节读取文件内容,结果为文件的二进制串
readAsDataURL(file):void 异步读取文件内容,结果用data:url的字符串形式表示
readAsText(file,encoding):void 异步按字符读取文件内容,结果用字符串形式表示

 

事件

事件名称描述
onabort 当读取操作被中止时调用
onerror 当读取操作发生错误时调用
onload 当读取操作成功完成时调用
onloadend 当读取操作完成时调用,不管是成功还是失败
onloadstart 当读取操作将要开始之前调用
onprogress 在读取数据过程中周期性调用

以上是关于Js FileReader图片加载的主要内容,如果未能解决你的问题,请参考以下文章

前端页面不需要加载url获取图片

js怎么调用Viewer.js加载图片

H5手机端开发问题及解决方案

js图片预加载

JS图片预加载插件

js的FileReader实现图片文件上传预览