face
  • lemon
  • 2020-05-23 05:31:41

  • 如何在图片没有上传的情况下,显示该图片

    这个上代码就好了

    <!doctype html>

    <html>
    <head>
    </head>
    <body>
    <input type="file" id="img" accept="image/*"> <!-- 选择图片后,就会显示选中的图片 -->
    <img id="show"></img> <!-- 用来显示还没有上传的图片 -->
    <script type="text/javascript"> var img = document.getElementById("img"); img.onchange = function(){
    var previewImg = this.files[0] /* 如果是多张图片,遍历处理就好了 */
    var reader = new FileReader()
    reader.readAsDataURL(previewImg)
    reader.onload = function(){ /* 这里不能直接 show.src = reader.result */
    show.src = reader.result /* 如果是多张图片,请自己创建Element,自己插入到要显示的地方 */
    }
    }
    </script>
    </body>
    </html>


  • 评论

    你还没有登录,请登录后刷新页面

    face