JQ图片文件上传之前预览功能的简单实例(分享)
时间:2021-09-27 09:43:36|栏目:jquery|点击: 次
1、先准备一个div
onchange触发事件
<input type="file" onchange="preview(this)" ></span> <div id="preview"></div>
2、写JS代码
//上传图片之前预览图片 function preview(file){ if (file.files && file.files[0]){ var reader = new FileReader(); reader.onload = function(evt){ $("#preview").html('<img src="' + evt.target.result + '" width="95px" height="50px" />'); } reader.readAsDataURL(file.files[0]); }else{ $("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>'); } }
上一篇:IE下支持文本框和密码框placeholder效果的JQuery插件分享
栏 目:jquery
本文地址:http://www.codeinn.net/misctech/177611.html