判断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 是否合格