<div class="imgUploadList">
<img class="occupancyImg" src="../../image/realName/bg_card1.png" alt="">
<img class="bg_card1" src="" alt="">
<input class="file-class" onchange="handleFiles(this,'bg_card1','positive')" accept="image/*" type="file"/>
</div>
// 上传图片
function handleFiles(obj,id){
handleLoadingOpen()
console.log('input上传')
// 预览图片
var img = new Image();
var files = obj.files;
img.src = window.URL.createObjectURL(files[0]);
img.className = 'dianzhaoImg';
img.onload = function(e) {
window.URL.revokeObjectURL(this.src);
}
// 获取图片base64
getImgBase64(obj,function(imgUrl){
console.log(imgUrl,'值值值')
if(imgType=='positive'){
frontImg = imgUrl[0]
}else if(imgType=='other'){
backImg = imgUrl[0]
}
})
}
// input 单图、多图. 返回base64 数组
function getImgBase64(obj, callback) {
var files = obj.files.length
var filesArr = []
for (var i = 0; i < files; i++) {
var reader = new FileReader();
reader.readAsDataURL(obj.files[i]);
reader.onload = function(e) {
filesArr.push(this.result)
if (files == filesArr.length) {
console.log(i, files)
callback(filesArr)
}
}
}
}