1. <script type="text/javascript">
  2. function setImagePreview() {
  3. var docObj = document.getElementById("ctl00_ContentMain_file_head");
  4. var fileName = docObj.value;
  5. if (!fileName.match(/.jpg|.gif|.png|.bmp/i)) {
  6. alert('您上传的图片格式不对。请又一次选择!');
  7. return false;
  8. }
  9.  
  10. var imgObjPreview = document.getElementById("preview");
  11. if (docObj.files && docObj.files[0]) {
  12. //火狐下,直接设img属性
  13. imgObjPreview.style.display = 'block';
  14. imgObjPreview.style.width = '63px';
  15. imgObjPreview.style.height = '63px';
  16. //imgObjPreview.src = docObj.files[0].getAsDataURL();
  17. if (window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator.userAgent.indexOf("Safari") >= 1) {
  18. imgObjPreview.src = window.webkitURL.createObjectURL(docObj.files[0]);
  19. }
  20. else {
  21. imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
  22. }
  23. } else {
  24. //IE下。使用滤镜
  25. docObj.select();
  26. docObj.blur();
  27. var imgSrc = document.selection.createRange().text;
  28. var localImagId = document.getElementById("localImag");
  29. //必须设置初始大小
  30. localImagId.style.width = "63px";
  31. localImagId.style.height = "63px";
  32. //图片异常的捕捉,防止用户改动后缀来伪造图片
  33. try {
  34. localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
  35. localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
  36. } catch (e) {
  37. alert("您上传的图片格式不对。请又一次选择!
  38.  
  39. ");
  40. return false;
  41. }
  42. imgObjPreview.style.display = 'none';
  43. document.selection.empty();
  44. }
  45. return true;
  46. }
  47.  
  48. </script>

<div id="localImag"><img id="preview" width="-1" height="-1" style="display:none" /></div> 

<asp:FileUpload ID="file_head" runat="server" onchange="javascript:setImagePreview();" />

版权声明:本文博主原创文章,博客,未经同意不得转载。

window.url.createobjecturl 兼容多种浏览器(IE,google,360,Safari,firefox)的更多相关文章

  1. 浏览器 本地预览图片 window.url.createobjecturl

    第一种方式 <script type="text/javascript"> function setImagePreview() { var docObj = docu ...

  2. html5的FormData对象和input的file属性以及window.URL.createObjectURL( ) 方法(转载)

    /** FormData ==>表单数据 能自动把表单数据拼接打包 当ajax发送数据时,发送打包的数据; 还可以使用FormData对象的append(key,value)添加数据 FormD ...

  3. 真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变

    今天有朋友问到我关于"iframe自适应高度"的问题,原本以为是很简单的问题,没想到折腾了20分钟才搞定.期间遇到几个问题,要么是高度自适应了,但是当窗口改变时会出现滚动条.也就是 ...

  4. filereader 和 window.URL.createObjectURL

    <template> <div class="file-preview"> <h4>前端图片预览之 filereader 和 window.UR ...

  5. window.URL.createObjectURL

    window.URL.createObjectURL https://html5.xgqfrms.xyz/Canvas/safety-canvas.html var video = document. ...

  6. js图片前端预览之 filereader 和 window.URL.createObjectURL

    //preview img : filereader方式 document.getElementById('imgFile').onchange = var ele = document.getEle ...

  7. DIV以及图片水平垂直居中兼容多种浏览器

    纯css完美地解决图片以及div垂直水平居中,兼容IE7.0.IE6.0.IE5.5.IE5.0.FF.Opera.Safari具体实现css 如下,感兴趣的朋友可以参考下哈   第一种:全CSS控制 ...

  8. 原生JavaScript拖动div兼容多种浏览器

    说句题外话,虽然博客园嵌入式氛围不行,Web前端氛围还是很好的.我又从 chinaunix 回来了. <html> <head> <script type="t ...

  9. iframe自适应高度(兼容多种浏览器)

    http://jingyan.baidu.com/article/b87fe19eaeb2cf5218356896.html 让iframe自适应高度,下面是实现的源码: <div id=&qu ...

随机推荐

  1. Ten ways to improve the performance of large tables in MySQL--转载

    原文地址:http://www.tocker.ca/2013/10/24/improving-the-performance-of-large-tables-in-mysql.html Today I ...

  2. Altium Designer线如何跟着原件走

  3. (转)30 IMP-00019: row rejected due to ORACLE error 12899

    IMP: row rejected due IMP: ORACLE error encountered ORA: value too large , maximum: )导入日志报 IMP: 由于 O ...

  4. Altium Designer设置走线间距

  5. IOS日期转为今天昨天形式

    近期项目有类似QQ空间展示动态的UI,模仿了QQ空间的时间显示.在此记录,以备查阅. 这是QQ空间的ui: 时间显示为: 1.今天-->今天 xx:xx(今天 15:39) 2.昨天--> ...

  6. linux下FAT32格式u盘只读的问题及解决方法

    以下是网上看到的解决办法:http://blog.csdn.net/heqiuya/article/details/7870554 其实是掉电保护,之前挂在的SD变成了制度文件,只需要将SD卡重新挂载 ...

  7. [Node.js] Pass command line arguments to node.js

    Command line arguments are often used to modify the behavior of an application or specify needed par ...

  8. php json字符串转为数组或对象

    从网上查到的方法是 用get_object_vars 把类类型转换成数组 然后在用foreach  遍历即可 $array = get_object_vars($test); $json= '[{&q ...

  9. windows 空闲超时 非管理员如何破解

    windows 空闲超时 非管理员如何破解

  10. crx

    https://www.crx4chrome.com/down/770/crx/ Downloading crx file for Linkclump The Linkclump crx file y ...