六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 130|回复: 0

js实现图片上传客户端回显(兼容IE6和IE7)

[复制链接]

升级  58%

33

主题

33

主题

33

主题

秀才

Rank: 2

积分
137
 楼主| 发表于 2013-2-7 21:00:52 | 显示全部楼层 |阅读模式
利用struts的FormFile对象可以轻松实现文件上传,但是要想在客户端回显选中的图片比较麻烦,需要使用滤镜才能兼容IE7,但不兼容火狐。
function preview(){var picId = $("#picId").val();var fileext=picId.substring(picId.lastIndexOf("."),picId.length);fileext=fileext.toLowerCase();$("#fileext").val(fileext);if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.bmp')){alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");$("#picId").focus();}else{$("#newPreview").html('');var newPreview =$("#newPreview")[0];  var imgDiv = document.createElement("div");document.body.appendChild(imgDiv);imgDiv.style.width = "180px";    imgDiv.style.height = "140px";imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";   imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = picId;newPreview.appendChild(imgDiv);}}
<input name="uploadFile" type="file" class="input_width" id="picId" maxlength="50" onchange="preview()"/>(推荐上传图片像素大小为180*140)<div id="newPreview"></div>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表