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

Posted F4ntasy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断input file 里面的图片是否为空,并把file图片文件显示在另一个地方相关的知识,希望对你有一定的参考价值。

 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图片文件显示在另一个地方的主要内容,如果未能解决你的问题,请参考以下文章