博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用FileReader获取input里面的文件
阅读量:5961 次
发布时间:2019-06-19

本文共 361 字,大约阅读时间需要 1 分钟。

1、先获取文件对象

var file = $("input[type=file]")[0].files[0];

2、使用FileReader的对象实例读取文件

var reader = new FileReader();

reader.onload = function(e){

  var fileData = e.target.Result;

}

reader.readAsDataURL(file);

可以用在图片上传文件展示等方面,在做文件上传展示方面还可以用for属性来配合更好的满足上传界面的自定义,使之更好的符合设计图

posted @
2018-10-01 12:55 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/lichenx/p/9734508.html

你可能感兴趣的文章
List与数组的相互转换
查看>>
Computer Science Theory for the Information Age-4: 一些机器学习算法的简介
查看>>
socketserver模块使用方法
查看>>
json模块
查看>>
各型号英特尔CUP的功率
查看>>
scanf()中的%c 不能正常输入的问题
查看>>
PHP学习1——快速入门
查看>>
面试发散思维
查看>>
java日志commons-logging/log4j/slf4j/logBack需要知道的几件事
查看>>
TypeScript 2019 路线图:更效率,更易用!
查看>>
Springboot从HellWorld开始
查看>>
Apache uimaFIT 3.0.0 发布,Java 的 UIMA 注解类
查看>>
用js来实现那些数据结构15(图01)
查看>>
web前端学习:React是什么,为什么要使用它?
查看>>
常见排序算法及对应的时间复杂度和空间复杂度
查看>>
业界 | 在德州叫一辆自动驾驶车,Drive.ai安排了7辆无人车展开真实试验
查看>>
实时数据平台设计:解决从OLTP到OLAP实时流转缺失
查看>>
三家公司在SD-WAN方面的新动作
查看>>
C#在PDF中如何以不同颜色高亮文本
查看>>
在同一页面显示多个JavaScript统计图表
查看>>