jsp

位置:IT落伍者 >> jsp >> 浏览文章

jsp上传图片即时显示效果代码


发布日期:2018年01月23日
 
jsp上传图片即时显示效果代码

<script>function setImagePreview() {        var docObj=documentgetElementById("doc");         var imgObjPreview=documentgetElementById("preview");if(docObjfiles && docObjfiles[]){                        //火狐下直接设img属性                        imgObjPreviewstyledisplay = block;                        imgObjPreviewstylewidth = px;                        imgObjPreviewstyleheight = px;                                            //imgObjPreviewsrc = docObjfiles[]getAsDataURL();//火狐以上版本不能用上面的getAsDataURL()方式获取需要一下方式        imgObjPreviewsrc = windowURLcreateObjectURL(docObjfiles[]); }else{                        //IE下使用滤镜                        ocObjselect();                        var imgSrc = documentselectioncreateRange()text;                         var localImagId = documentgetElementById("localImag"); //必须设置初始大小                         localImagIdstylewidth = "px";                         localImagIdstyleheight = "px";//图片异常的捕捉防止用户修改后缀来伪造图片try{                                localImagIdstylefilter="progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)";                                localImagIdfiltersitem  ("DXImageTransformMicrosoftAlphaImageLoader")src = imgSrc;                        }catch(e){                                alert("您上传的图片格式不正确请重新选择!");                                return false;                        }imgObjPreviewstyledisplay = none;                        documentselectionempty();                }                return true;        }</script><body><input type=file name="doc" id="doc" onchange="javascript:setImagePreview();"><p><div id="localImag"><img id="preview" width= height= style="diplay:none" /></div></p>

               

上一篇:用户登录验证的JSP完整程序

下一篇:JSP培训之购物车实例