码迷,mamicode.com
首页 > 其他好文 > 详细

判断input file 里面的图片是否为空,并把file图片文件显示在另一个地方

时间:2019-09-02 11:23:24      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:on()   input   document   NPU   col   cti   pre   add   dde   

 var eleFile = document.querySelector(‘#file_1‘);
    eleFile.addEventListener(‘change‘, function() {
        var file = this.files[0];
        // 确认选择的文件是图片
        if(file.type.indexOf("image") == 0) {
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function(e) {
                // 图片base64化
                var newUrl = this.result;
                $(".label_img>img").attr("src",newUrl);
            };
        }
    });

 

判断input file 里面的图片是否为空,并把file图片文件显示在另一个地方

标签:on()   input   document   NPU   col   cti   pre   add   dde   

原文地址:https://www.cnblogs.com/F4natasy/p/11445344.html

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