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

input type='file' 上传文件 判断图片的大小是否合格与witdh 和 height 是否合格

(ASP.NET 、 VS2008)JS(javascript) 判断 TextBox 是不是为空。求 JS 代码。

判断input框是否为空

ThinkPHP提交表单判断上传图片经验总结

微信小程序判断input是否为空

PHP 判断表单提交的file是否为空