JS实现上传本地图片前先预览
2012-03-24 09:09
856 查看
<style type="text/css"> #preview /*这个就是预览的DIV的ID*/ { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); } </style> <script type="text/javascript"> <!-- function preview(img,width,height){ var newPreview = document.getElementById("preview"); var url = img.value; var fileext=url.substring(url.lastIndexOf("."),url.length); fileextfileext=fileext.toLowerCase(); if((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp')){ alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传!"); document.applyForm.upload.focus(); document.getElementById("sub").disabled=true; }else{ document.getElementById("sub").disabled=false; newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url; newPreview.style.width = width+"px"; newPreview.style.height = height+"px"; } } //--> </script> <input type="file" name="upload" onchange="preview(this,300,200)" /> <div id="preview"></div><br/> <input type="submit" value="提交" id="sub" disabled="true"/>
相关文章推荐
- js实现文件上传,图片本地预览(部分代码是借鉴的)
- JS实现图片上传本地预览
- JS实现上传本地图片前先预览
- 用js实现预览待上传的本地图片
- vue.js 实现图片本地预览 裁剪 压缩 上传功能
- premage.js 实现预览本地上传图片
- JS实现本地图片在线图片预览无需上传服务器
- 用js实现预览待上传的本地图片
- JS实现上传本地图片前先预览
- 用js实现预览待上传的本地图片
- JS中利用FileReader实现上传图片前本地预览功能
- JS实现图片上传时的本地预览,兼容IE和firefox谷歌
- js实现网页图片上传本地预览
- 原生js FileReader对象实现图片上传本地预览效果
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- JS基础篇--搞清Image加载事件(onload)、加载状态(complete)后,实现图片的本地预览,并自适应于父元素内(完成)
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- js 实现异步上传图片+预览
- JS实现图片上传前预览 [转改]
- js实现上传图片在线预览