图片处理

/**
* 显示选择上传的图片略缩图
* 当选择了图片文件时触发这个方法
*/
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 = "";
}
}
上一篇:js上传图片获取base64及预览的功能


下一篇:Android Camera Open以及Preview调用时序