1、 javascript 上传图片前预览图片兼容大多数浏览器代码如下:div id=“localImag“img id=“preview“ width=“-1“ height=“-1“ style=“display:none“ /div asp:FileUpload ID=“file_head“ runat=“server“ onchange=“javascript:setImagePreview();“ / 代码如下:script type=“text/javascript“ function setImagePreview() var docObj = document.getElement
2、ById(“ctl00_ContentMain_file_head“); var fileName = docObj.value; if (!fileName.match(/.jpg|.gif|.png|.bmp/i) alert(您上传的图片格式不正确，请重新选择！); return false; var imgObjPreview = document.getElementById(“preview“); if (docObj.files docObj.files0) /火狐下，直接设 img 属性 imgObjPreview.style.display = block; imgObjPr
3、eview.style.width = 63px; imgObjPreview.style.height = 63px; /imgObjPreview.src = docObj.files0.getAsDataURL(); if (window.navigator.userAgent.indexOf(“Chrome“) = 1 | window.navigator.userAgent.indexOf(“Safari“) = 1) imgObjPreview.src = window.webkitURL.createObjectURL(docObj.files0); else imgObjPre
4、view.src = window.URL.createObjectURL(docObj.files0); else /IE 下，使用滤镜 docObj.select(); docObj.blur(); var imgSrc = document.selection.createRange().text; var localImagId = document.getElementById(“localImag“); /必须设置初始大小 localImagId.style.width = “63px“; localImagId.style.height = “63px“; /图片异常的捕捉，防止
5、用户修改后缀来伪造图片 try localImagId.style.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)“; localImagId.filters.item(“DXImageTransform.Microsoft.AlphaImageLoader“).src = imgSrc; catch (e) alert(“您上传的图片格式不正确，请重新选择！“); return false; imgObjPreview.style.display = none; document.selection.empty(); return true; /script 此 js 解决 360 浏览器显示图片问题。因为 360 浏览器 6.2 用的是 Chrome 的内核，而 代码如下:window.URL.createObjectURL(docObj.files0);
