html查看本地图片动态预览,js实现的在本地预览图片功能示例

本文实例讲述了js实现的在本地预览图片功能。分享给大家供大家参考，具体如下：

移动web

上传文件：

预览：

function change() {

var pic = document.getElementById("preview");

var file = document.getElementById("f");

var ext=file.value.substring(file.value.lastIndexOf(".")+1).toLowerCase();//js获取文件名的后缀

html5Reader(file);

}

function html5Reader(file){

var file = file.files[0];

var reader = new FileReader();

reader.readAsDataURL(file);

reader.onload = function(e){

var pic = document.getElementById("preview");

pic.src=this.result;

}

}