1

HTML 代码

<div id="container" title="Choose File">
<div id="doit">
 <img id="blah" src="#" alt="your image" />
  <div id="preview_ie">
  hijjjj
   </div>
</div>
<input id="hid" type="file" size=1 onchange="readURL(this);" >
</div>

JQuery 和添加 jquery

function readURL(input) {

        if (input.files && input.files[0]) {
            var reader = new window.FileReader();


            reader.onload = function (e) {

                $('#blah')
                        .attr('src', e.target.result)
                        .width(150)
                        .height(200);
            };

            reader.readAsDataURL(input.files[0]);

        }

        console.log(input.value);
        var newPreview = document.getElementById('preview_ie');
    document.getElementById('preview_ie').filter.item("DXImageTransform.Microsoft.AlphaImageLoader").src = input.value;
        document.getElementById('preview_ie').filter.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod="scale";
        document.getElementById('preview_ie').style.width = "160px";
        document.getElementById('preview_ie').style.height = "120px";
     }
</script>

使用上述代码所有浏览器显示图像但不显示 IE9.file 上传控件隐藏此控件单击打开浏览器图像并上传但在 IE9 中不显示

4

0 回答 0