$("#imgs").change(function(){
var $file = $(this);
var filePath = $(this).val(), //获取到input的value,里面是文件的路径
fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase(),//获取文件的后缀进行验证
// 检查是否是图片
if(!fileFormat.match(/.png|.jpg|.jpeg/)){
error_prompt_alert('上传错误,文件格式必须为:png/jpg/jpeg');
return;
}
var objUrl = $file[0].files[0];
//获得一个http格式的url路径:mozilla(firefox)||webkit or chrome
var windowURL = window.URL || window.webkitURL;
//createObjectURL创建一个指向该参数对象(图片)的URL
var dataURL;
dataURL = windowURL.createObjectURL(objUrl);
var file = $(obj), //获取到input的value,里面是文件的路径
src = window.URL.createObjectURL(file[0].files[0]); //转成可以在本地预览的格式
$("#imgs").attr("src", src);
})
关于HTML上传图片在当前页展示
最新推荐文章于 2024-03-29 08:47:36 发布