<div class="previewBox">
<input type="file" accept=".jpg,.jpeg,.png" multiple="multiple" onchange="getfImg1(this)" style="display:none" value="" id="img_f">
<div id="result" name="result" class="result">
<div class="upload_Img" onclick="neishi1()" id="upload_Img">
<img src="./images/upload_second.png" id="fmz">
</div>
</div>
</div>
function getfImg1() {
let photoNum = $("#result").find("img").length + 1;
if (photoNum < 6) {
var file = document.getElementById("img_f").files;
var result = document.getElementById("result");
var upload_Img = document.getElementById('upload_Img')
for (i = 0; i < file.length; i++) {
var reader = new FileReader();
reader.readAsDataURL(file[i]);
reader.onload = function (e) {
var data = e.target.result;
var image = new Image();
var that = this
image.onload = function () {
width = image.width;
height = image.height;
console.log(width, height);
var isAllow = width >= 700 && height >= 700 && width <= 1024;
if (isAllow) {
console.log(isAllow);
$(result).prepend('<div class="resbox"><img src="' + that.result + '" alt="" /><p class="resbox_delete">删除</p></div>')
$('.resbox_delete').click(function () {
$(this).parent($('.resbox')).remove()
})
} else {
alert('上传的图片尺寸不合适,请重新上传')
}
};
image.src = data;
}
}
} else {
alert("最多只能上传4张呦");
}
}
function neishi1() {
$('#img_f').click();
}