zoukankan      html  css  js  c++  java
  • IE浏览器上传图片预览兼容(IE 7 8 9 10 11)

     $("#file_upload").change(function () {
                    var $file = $(this);
                    var fileObj = $file[0];
                    var windowURL = window.URL || window.webkitURL;
                    var dataURL;
                    var $img = $("#preview");
                    if (fileObj && fileObj.files && fileObj.files[0]) {
                        dataURL = windowURL.createObjectURL(fileObj.files[0]);
                        $img.attr('src', dataURL);
                    } else {
    
                        dataURL = $file.val();
                        // $img.css("filter",'progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale,src="' + dataURL + '")');
                        // var imgObj = document.getElementById("preview");
                        // imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="" + dataURL + "")";
                        // imgObj.style.width = "48px";
                        // imgObj.style.height = "48px";
                        var imgObj = document.getElementById("preview");
    
                        // 两个坑:
                        // 1、在设置filter属性时,元素必须已经存在在DOM树中,动态创建的Node,也需要在设置属性前加入到DOM中,先设置属性在加入,无效;
                        // 2、src属性需要像下面的方式添加,上面的两种方式添加,无效;
                        imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                        imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
                    }
    
                });


    前端代码:

        <input id="file_upload" type="file" />
        <div class="image_container" id="previewDIV">
          <img id="preview" width="200" height="200" alt="没有图片">
        </div>

     
  • 相关阅读:
    php函数去除html标签
    php 逐行读取txt文件
    php获取客户端与服务器端IP
    windows+php环境下安装memcache
    个人构思(android旅游广告发展方向,快乐的工作团队项目)
    一个短信和联系人的小软件
    下载器简单实例
    文件选择器
    ubuntu11.04的java环境配置
    音乐播放器
  • 原文地址:https://www.cnblogs.com/jicheng/p/7910924.html
Copyright © 2011-2022 走看看