分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

图片上传预览功能

发布时间:2023-09-06 01:29责任编辑:蔡小小关键词:暂无标签
 function PreviewImage(imgFile,key,key1,key2) { ???var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length); ???filextension=filextension.toLowerCase(); ???if ((filextension!=‘.jpg‘)&&(filextension!=‘.gif‘)&&(filextension!=‘.jpeg‘)&&(filextension!=‘.png‘)&&(filextension!=‘.bmp‘)) ???{ ???????alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !"); ???????imgFile.focus(); ???} ???else ???{ ???????var path; ???????if(document.all)//IE ???????{ ???????????imgFile.select(); ???????????path = document.selection.createRange().text; ???????????var key_all=key+‘_‘+key1+‘_‘+key2; ???????????document.getElementById("imgPreview"+key_all).innerHTML=""; ???????????document.getElementById("imgPreview"+key_all).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=‘true‘,sizingMethod=‘scale‘,src=\"" + path + "\")";//使用滤镜效果 ?????????????} ???????else//FF ???????{ ??????????????//alert(key);return false; ???????????var key_all=key+‘_‘+key1+‘_‘+key2; ???????????//alert(key);return false; ???????????path=window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上 ???????????//path = imgFile.files[0].getAsDataURL();// FF 3.0 ???????????//alert("imgPreview_"+key_all);return false; ???????????document.getElementById("imgPreview_"+key_all).innerHTML = "<img width=‘120px‘ height=‘100px‘ src=‘"+path+"‘/>"; ???????????//document.getElementById("img1").src = path; ???????} ???} }

图片上传预览功能

原文地址:http://www.cnblogs.com/xie-xiao-chao/p/7991979.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved