在上传前想对图片做比例的验证 , 如果图片比例不符合标准则不显示出来 ...
请问一下代码哪里出了错 ? 我逐一上传结果正常,但是多个图片时 img.onload 只跑一次,小弟初学,求高手耐心教导!! 万分感激! <script type="text/javascript">
function checkfile(e) {
var file = document.getElementById('file_input'); for (var i = 0; i < file.files.length; ++i)
{
var url = window.URL || window.webkitURL;
if (file.files[i].type.indexOf("image") == -1) {
var result = $("<p>" + file.files[i].name + " does not meet the requirements</p>");
$('#error').append(result);
return false;
}
if (file.files[i].size > 100000) {
var result = $("<p>" + file.files[i].name + " does not meet the requirements</p>");
$('#error').append(result);
return false;
} var img = new Image();
var id = "img" + i;
img.setAttribute('id', id);
img.onload = function(e) {
if (img.width > img.height) {
id = "#" + id;
$(id).remove();
}
window.URL.revokeObjectURL(this.src);
}
img.src = url.createObjectURL(file.files[i]);
$('#fileList').append(img);
}
}
</script>
请问一下代码哪里出了错 ? 我逐一上传结果正常,但是多个图片时 img.onload 只跑一次,小弟初学,求高手耐心教导!! 万分感激! <script type="text/javascript">
function checkfile(e) {
var file = document.getElementById('file_input'); for (var i = 0; i < file.files.length; ++i)
{
var url = window.URL || window.webkitURL;
if (file.files[i].type.indexOf("image") == -1) {
var result = $("<p>" + file.files[i].name + " does not meet the requirements</p>");
$('#error').append(result);
return false;
}
if (file.files[i].size > 100000) {
var result = $("<p>" + file.files[i].name + " does not meet the requirements</p>");
$('#error').append(result);
return false;
} var img = new Image();
var id = "img" + i;
img.setAttribute('id', id);
img.onload = function(e) {
if (img.width > img.height) {
id = "#" + id;
$(id).remove();
}
window.URL.revokeObjectURL(this.src);
}
img.src = url.createObjectURL(file.files[i]);
$('#fileList').append(img);
}
}
</script>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货