网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览)
范文	这篇文章主要介绍了基于ASP.NET+easyUI框架实现图片上传功能的相关资料,重点在于如何判断格式，实现即时浏览，需要的朋友可以参考下     基于ASP.Net +easyUI框架上传图片，判断格式+实现即时浏览，具体内容如下:     <div>       选择图片:<input id="idFile" runat="server" name="pic" onchange="javascript:setImagePreview(this,localImag,preview);" type="file" />     </div>       预　　览:     <div id="localImag">       <%--预览，默认图片--%>       <img id="preview" onclick="over(preview,divImage,imgbig);" src="img/5691.jpg"/>      </div>     --------------------------------------------------     <script>         //检查图片的格式是否正确,同时实现预览         function setImagePreview(obj, localImagId, imgObjPreview) {           var array = new Array('gif', 'jpeg', 'png', 'jpg', 'bmp'); //可以上传的文件类型           if (obj.value == '') {             $.messager.alert("让选择要上传的图片!");             return false;           }           else {             var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用              ////布尔型变量             var isExists = false;             //循环判断图片的格式是否正确             for (var i in array) {               if (fileContentType.toLowerCase() == array[i].toLowerCase()) {                 //图片格式正确之后，根据浏览器的不同设置图片的大小                 if (obj.files && obj.files[0]) {                   //火狐下，直接设img属性                    imgObjPreview.style.display = 'block';                   imgObjPreview.style.width = '400px';                   imgObjPreview.style.height = '400px';                   //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式                    imgObjPreview.src = window.URL.createObjectURL(obj.files[0]);                 }                 else {                   //IE下，使用滤镜                    obj.select();                   var imgSrc = document.selection.createRange().text;                   //必须设置初始大小                    localImagId.style.width = "400px";                   localImagId.style.height = "400px";                   //图片异常的捕捉，防止用户修改后缀来伪造图片                    try {                     localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";                     localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;                   }                   catch (e) {                     $.messager.alert("您上传的图片格式不正确，请重新选择!");                     return false;                   }                   imgObjPreview.style.display = 'none';                   document.selection.empty();                 }                 isExists = true;                 return true;               }             }             if (isExists == false) {               $.messager.alert("上传图片类型不正确!");               return false;             }             return false;           }         }         //显示图片          function over(imgid, obj, imgbig) {           //大图显示的最大尺寸 4比3的大小 400 300            maxwidth = 400;           maxheight = 300;           //显示            obj.style.display = "";           imgbig.src = imgid.src;           //1、宽和高都超过了，看谁超过的多，谁超的多就将谁设置为最大值，其余策略按照2、3            //2、如果宽超过了并且高没有超，设置宽为最大值            //3、如果宽没超过并且高超过了，设置高为最大值            if (img.width > maxwidth && img.height > maxheight) {             pare = (img.width - maxwidth) - (img.height - maxheight);             if (pare >= 0)               img.width = maxwidth;             else               img.height = maxheight;           }           else if (img.width > maxwidth && img.height <= maxheight) {             img.width = maxwidth;           }           else if (img.width <= maxwidth && img.height > maxheight) {             img.height = maxheight;           }         }     </script>      界面效果图：          以上就是本文的全部内容，希望对大家的学习有所帮助
随便看	学生怎样写日记300字7篇 怎样写关于读书的日记300字范文7篇 怎样写日记读书300字7篇 关于怎样写读书日记范文7篇 怎样写读书日记300字7篇 怎样写节日日记7篇2020 关于怎样写节日日记范文7篇 怎样写节日日记300字7篇 怎样写日记范文300字7篇 关于怎样写日记300字7篇 学生日记300字以上7篇 小学生日记军训300字7篇 学生日记军训300字7篇 7篇三年级小学生优秀日记大全300字左右 三年级小学生优秀日记大全300字7篇 日记名字的由来怎么写三年级400字7篇 关于二年级日记300字大全7篇 日记300字以内大全7篇 关于日记300字大全二年级7篇 日记300字大全2年级7篇 2年级日记300字大全7篇 小学生二年级日记300字大全7篇 日记300字大全二年级7篇 二年级日记300字大全7篇 一年级日记300字大全7篇 controlled trial controlled vocabulary controller controlling controlling authority controlling company controlling-company controlling influence controlling interest controlling-interest 打闷棍 打闹 打闹台 打雪仗 打零 打雷 打靶 打顶 打顺风锣 打预防针 雅安市公布2011年度全国房地产估价师执业资格考试结果的通知 乐山市2012年度社会工作者职业水平考试报名 乐山市2012年度二级地震安全性评价工程师资格考试报名 重庆市垫江县2012年度土地登记代理人职业资格考试报名通知(五) 重庆市垫江县2012年度社会工作者职业水平考试报名通知(五) 2012年南通市教师资格认定教育学心理学考试2月25日进行 连云港市2012年度广告职业水平考试工作有关事项的通知 无锡市2012年度全国质量专业技术人员职业资格考试有关通知 无锡市2012年度社会工作者职业水平考试有关事项的通知 贵州省2012年度全国质量专业技术人员职业资格考试考务工作通知

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。