码迷,mamicode.com
首页 > Web开发 > 详细

图片上传预览

时间:2018-11-29 19:50:10      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:plain   elements   round   var   change   javascrip   function   tag   keyword   

<body>
    <input type="file" id="file" name="" />
    <div id="image" style="width:390px;height:280px; background:#CCCCCC; float:left;">
        <img src="11.png" />
    </div>
</body>
<script>
document.getElementById(‘file‘).onchange = function() {
    var imgFile = this.files[0];
    var fr = new FileReader();
    fr.onload = function() {
        document.getElementById(‘image‘).getElementsByTagName(‘img‘)[0].src = fr.result;
    };
    fr.readAsDataURL(imgFile);
};
</script>

图片上传预览

标签:plain   elements   round   var   change   javascrip   function   tag   keyword   

原文地址:https://www.cnblogs.com/cenfengtao/p/10040033.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!