上传图片不能成功预览

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

丶子非鱼

2017-05-17 14:25

<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>


写回答 关注

3回答

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

    还是不行呀,解决了吗老铁?


    丶子非鱼

    放弃了。。。。。。。。。。。。。

    2017-11-06 20:50:51

    共 1 条回复 >

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

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

  • 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);
                    };
                });

Java中的文件上传下载

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

77397 学习 · 337 问题

查看课程

相似问题