效果演示;

上传文档提示你;

html页面

 <input type="file" class="file" name="activity_picture"  onchange="PreviewImage(this)" required="required">
<div id="imgPreview" class="reader">

js代码

<script type="text/javascript">function PreviewImage(imgFile) {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;document.getElementById("imgPreview").innerHTML = "";document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")"; //使用滤镜效果} else //FF{path = window.URL.createObjectURL(imgFile.files[0]);document.getElementById("imgPreview").innerHTML = "<img id='img1' width='120px' height='100px' src='" + path + "'/>";// document.getElementById("img1").src = path;}}}
</script>

js浏览上传图片,判断图片格式相关推荐

  1. 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载...

    2019独角兽企业重金招聘Python工程师标准>>> 最近在做图片上传的一个前台页面,上传图片功能虽然很简单,但是需要我们学习的地方很多.在上传图片之前验证图片的格式,并同时实现预 ...

  2. 5分钟学会js上传图片校验图片格式、大小、尺寸宽高

    js上传图片校验图片格式.大小.尺寸宽高 一.前言        js上传图片校验图片格式.大小.尺寸宽高.        在此记录下,分享给大家. 二.代码 <input type=" ...

  3. python图片保存jpg、show变成bmp_Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中...

    Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中 我就废话不多说了,直接上代码吧! import Image from datetime import datetime impor ...

  4. 通过文件头标识判断图片格式

    通过文件头标识判断图片格式 用Delphi从内存流中通过文件头标识判断图片格式 文件头标识大全: http://www.garykessler.net/library/file_sigs.html h ...

  5. 文件头标识判断图片格式

    同图片的文件头标志: 图片的格式很多,一个图片文件的后缀名并不能说明这个图片的真正格式什么,那么如何获取图片的格式呢?我想到了几个简单但有效的方法,那就是读取图片文件的文件头标识.我们知道各种格式的图 ...

  6. js 利用canvas转换图片格式并下载图片

    1.利用canvas转换格式 思路很简单,就是在canvas上drawImage,然后再把canvas转换成想要的图片格式 convertImageToCanvas = (image) => { ...

  7. java根据InputStream 流来真实判断图片格式

    java如下,这里建议不要关闭流,要不然你其他地方获取不到了 /**          * 根据文件流判断图片类型          * @param fis          * @return j ...

  8. java 判断图片格式_Java判断上传图片格式的实例代码

    先给大家介绍下java判断上传图片格式. 由于客户上传图片将png的图片的后缀名改为jpg,所以通过后缀名判断不行,用下面这个方法可以 //判断是否是JPG格式 log.info("-1-- ...

  9. 通过文件头判断图片格式

    有些情况下,图片的后缀并不能真实的反应图片的格式,通过16进制能准确的判断出图片的真实格式. 事实上,所有的文件都是以二进制的形式进行存储的,本质上没有差别.在每一个文件(包括图片,视频或其他的非AS ...

最新文章

  1. 9.65 最长上升子序列
  2. ServiceNow 中关于UI Action 在portal端的使用
  3. 计算机信息技术基础学的是什么内容,计算机信息技术基础练习题及答案(许骏)...
  4. Lethean结点搭建
  5. 强生CEO加入苹果成为新董事
  6. vue中使用antv/g6 绘制关系图、结构图_CAD小白必看!手把手教你如何看懂室内设计施工图图纸(平面立面剖面大样节点图)...
  7. deepinu盘制作工具_用U盘装系统,试试这款多系统启动盘制作工具!
  8. 大数据时代,我竟然在用Excel和SPSS做数据分析,真香!
  9. 微信红包封面,你真的领取到了吗?
  10. ex7.Caption属性的运用
  11. ADB 常用技巧 汇总
  12. HTML5期末大作业:抗疫主题网站设计(14页) HTML+CSS+JavaScript web课程设计网页规划与设计...
  13. win7中设置保护眼睛的绿豆沙色
  14. 【转】图解领带的打法10种
  15. 湖大计算机学院博士后李晓灿,李蕊-湖大信息科学与工程学院
  16. 文件篮的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
  17. 删除“打开方式”里的其他程序
  18. 展会圆满收官 柏克利招商峰会业绩闪亮
  19. 物联网中的存储资源盘活
  20. 阿里研发工程师JAVA暑期实习一面

热门文章

  1. excel查重复_毕业季 | 如何降低论文的查重率
  2. 轻巧的编辑器:Sublime Text3 user设置
  3. 校园用户画像 mysql_品牌在进行校园营销时如何绘制用户画像?
  4. idea本地配置连接远程hadoop集群的一些网络问题解决汇总
  5. php小程序session取不到,微信小程序实现Session功能及无法获取session问题的解决方法...
  6. 你认为黑客入侵很难?其实很简单,黑客养成手册「建议收藏」
  7. mysql中整形长度_mysql 整形的长度问题
  8. Unity3D 游戏开发必备软件或服务推荐
  9. android 4.4.2抽屉,你抽屉还有一部?神机HTC HD2可刷安卓6.0
  10. DVBBS sp2 漏洞