web前端|js教程
上传图片 预览
web前端-js教程
在深圳做项目的时候，需要一个用户上传头像预览的功能！是在网上找了好多，都不太满意。要么是flash的，要么是Ajax上传后返回图片路径的，要么压根就是不能用的。幸运的是在这个项目以前有人写过一个图片预览的功能，还被我给翻了出来，在这里做个记录，方便自己以后用，也方便其他需要的朋友！
php源码检测更新,vscode设置函数模板,ubuntu 恢复网络,tomcat权限怎么设置,磁力绿色爬虫,scoket php,seo策划待遇怎么样,手机网站qq登录插件,苹果影视模板源码lzw
代码很简单，如下：
钻石投票最新源码,vscode 里运行php,ubuntu的复制,tomcat搭建步骤,sqlite数据类型定义,猫影视爬虫资源不显示图片,查看php模块,seo不会写软文,mvc 门户网站开发框架,js网页代码模板下载,模板 小清新lzw
By：DragonDean//下面用于图片上传预览功能function setImagePreview(avalue) {var docObj=document.getElementById("doc"); var imgObjPreview=document.getElementById("preview");if(docObj.files &&docObj.files[0]){//火狐下，直接设img属性imgObjPreview.style.display = lock;imgObjPreview.style.width = 150px;imgObjPreview.style.height = 180px; //imgObjPreview.src = docObj.files[0].getAsDataURL(); //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);}else{//IE下，使用滤镜docObj.select();var imgSrc = document.selection.createRange().text;var localImagId = document.getElementById("localImag");//必须设置初始大小localImagId.style.width = "150px";localImagId.style.height = "180px";//图片异常的捕捉，防止用户修改后缀来伪造图片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 =
one;document.selection.empty();}return true;}
测试在IE8，FF12.0和谷歌chrome 28.0.1500.72都能用!
能盈利的网站源码,ubuntu自动显示行号,tomcat8.5安装包,自制小爬虫,学php有用吗,seo站外推广方案黑帽seolzw
更多上传图片预览JS脚本 Input file图片预览的实现示例相关文章请关注PHP中文网！
