图片显示问题

来源:2-2 上传图片预览

qinger708

2015-01-19 10:49

$("#myfile").change(function(){

$("#previewImg").attr("src","file:///"+$("#myfile").val());

});老师,你好,用了你的代码,这个函数也调用了,但是图片显示不了,这是什么原因啊?


写回答 关注

4回答

  • David
    2015-01-20 21:42:11
    已采纳

    //IE高版本兼容性提高,不允许直接获取文件路径,可使用下面代码替换下

    $("#myfile").change(function(){
        //$("#previewImg").attr("src","file:///" + $("#myfile").val());
        var pv = document.getElementById("previewImg");
           // IE5.5~9使用滤镜
           if (pv.filters && typeof(pv.filters.item) === 'function'){
               pv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = el.value;
           }else{
            var oFile = document.getElementById('myfile').files[0];
            var oReader = new FileReader();
               oReader.onload = function(e){
                $("#previewImg").attr("src", e.target.result);
            };
            oReader.readAsDataURL(oFile);
            }
       });

    qinger...

    非常感谢!

    2015-01-22 11:22:21

    共 1 条回复 >

  • 小龙人哎
    2018-08-07 15:21:48

    非常感谢


  • 一种未知的情愫
    2015-10-31 19:39:17

    function showPreview(obj){

    var str = getFullPath(obj);

    alert(str);

    document.getElementById("previewImg").innerHTML = 

    "<img src = '" + str + "' />";

    }

       function getFullPath(obj){ 

      if(obj) 

      { 

       //ie 

       if (window.navigator.userAgent.indexOf("MSIE")>=1) 

       { 

       obj.select(); 

       return document.selection.createRange().text; 

       } 

       //firefox 

       else if(window.navigator.userAgent.indexOf("Firefox")>=1) 

       { 

       if(obj.files) 

       { 

       return obj.files.item(0).getAsDataURL(); 

       } 

       return obj.value; 

       } 

       return obj.value; 

      } 

      } 

    这是我网上找到的代码 拿给幕友参考

  • aspyouxiang
    2015-01-27 15:59:30

    找了很久都没找到答案,这回终于找到了,非常感谢

Java中的文件上传下载

由简入深,轻松实现文件上传下载功能及相关框架的使用

77391 学习 · 337 问题

查看课程

相似问题