<input type="file" id="file" accept="image/*" />
var file = document.getElementById('file');
//new文件读取对象
var reader = new FileReader();
//读取图片文件的路径
reader.readAsDataURL(file);
//文件读取为异步读取，修改或者修饰文件数据，需要注意
reader.onload=function(e){
var data = e.target.result;//图片文件的64位编码
//do something....
}
html js
摘要：本文将向大家分享一个简单的应用，用来演示使用FileReader的方法, FileReader是HTML5里...
FileReader API 介绍 FileReader API 使用FileReader对象，web应用程序可以...
1.使用FileReader 2.使用createObjectURL
实现流程： 获取 上传的文件； 使用FileReader读取图片，并新建一个Image对象将FileReader读...
一： 官方介绍： FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）...
FileReader作为文件API的重要成员用于读取文件，FileReader接口提供了读取文件的方法和包含读取结...
创建FileReader对象；var Reader = new FileReader 调用FileReader对象...
使用 fileReader[https://developer.mozilla.org/zh-CN/docs/We...
1：使用FileReader；参考https://developer.mozilla.org/zh-CN/docs...
本文标题：fileReader 简单使用
本文链接：https://www.haomeiwen.com/subject/znwgdqtx.html
网友评论