/**
* 显示选择上传的图片略缩图
* 当选择了图片文件时触发这个方法
*/
function previewFile() {
// 通过标签选择器获取HTML元素
var preview = document.querySelector('#addImg');
// var preview = $("#addImg");
var file = document.querySelector('input[type=file]').files[0];
// Js内置文件流
var reader = new FileReader();
// 更新img标签的src属性为图片的本地路径,就可以显示了
reader.onloadend = function () {
preview.src = reader.result;
}
// 图片文件不空就显示
if (file) {
reader.readAsDataURL(file);
} else {
// 图片文件是空的
preview.src = "";
}
}
相关文章
- 03-11Spring Boot2从入门到实战:统一异常处理
- 03-11cad.net 标注样式替代的处理
- 03-11matlab :对文件夹中的图像进行批量处理
- 03-11[Go]GO语言实战项目-gin框架上传图片文件
- 03-11会话技术从使用到细节的处理
- 03-11必贝yo对企业大数据的处理与分析
- 03-11relief中visio图出现问题处理
- 03-11用cn.hutool工具包进行图片上传下载示例
- 03-11迅为ITOP4412开发板Qt界面添加图片
- 03-11latex 插入图片