问答详情
源自：2-2 上传图片预览

上传图片不能成功预览

<input type="file" name="file" onchange="showPreview(this)"/>

                 <br>

                 <div id="imgPreview" style="width:120px; height:100px;margin-left: 280px;">

                   </div>


  <script type="text/javascript">

     function showPreview(obj){

     

     var str=obj.value;

     doucment.getElementById("imgPreview").InnerHTML="<img src='"+str+"'/>";

     }

    </script>


提问者：丶子非鱼 2017-05-17 14:25

个回答

  • 慕粉172216562
    2017-11-06 18:13:51

    还是不行呀，解决了吗老铁？


    0
  • 丶子非鱼
    2017-05-27 08:29:27

    可以吗   搜狗  IE都没效果  我还以为哪里错了   纠结了好久

    0
  • IT学者_Crius
    2017-05-26 16:41:12

    代码在myeclipse自带的浏览器是可以预览的

    可以试试这段代码，给type="file"的input框加个id="mylife",这个好像是h5的写法

    $("#myfile").change(function(){
                    var file = this.files[0];
                    var reader = new FileReader();
                    reader.readAsDataURL(file);
                    reader.onload = function(e){
                        $("#previewImg").attr("src", e.target.result);
                    };
                });

    1