js实现图片文件上传预览 | 黄乔国PHP

来源：互联网发布：2016网络音乐排行榜编辑：程序博客网时间：2024/06/04 19:38

普通的上传图片选择图片后并不知道自己选择的什么图片，那么通过js我们可以做出预览效果这样就知道选择的什么图片，以免误上传！

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">    <head>        <title>js上传图片--预览图片</title>        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>    </head>         <body>        <form>            <input type="file" onChange="preview(this)"/>            <img src="" id="previewimg" width="50px" height="40px"/>        </form>        <script type="text/javascript">            function preview(obj){                var img = document.getElementById("previewimg");                img.src = window.URL.createObjectURL(obj.files[0]);            }        </script>    </body></html>

需要的朋友可以参考一下！

阅读全文

0 0