图片预览代码
jsp页面中,需要给用户上传文件时,就会做此功能。此功能益处在于在本地文件前端显示出来,此时并没有插入数据库。
代码:
$(":file").change(function(event){
var files = event.target.files;
var file;
if (files && files.length > 0) {
file = files[0];
var URL = window.URL || window.webkitURL;
// 本地图片路径
var imgURL = URL.createObjectURL(file);
var imgObj = $(this).next().next(); //获取同辈紧邻的下一个元素
//console.log(imgObj);
imgObj.attr("src", imgURL);
imgObj.show();
}
});