上传前验证多个镜像大小
上传前验证多个镜像大小
提问于 2016-07-02 14:00:23
我有上传多个图像的代码，如果图像大小无效，它不显示onload，但在点击提交按钮，它上传到服务器上，我希望图像不是上传到服务器这里是mycode
<div class="box-body">
<form action='myaction' method="post" name="form_dirc" enctype="multipart/form-data">
<p id="img_valid"></p>
<input type="file" id="files" class="" name="files[]" multiple="multiple" /><br>
<button type="submit" class=" btn btn-success" style="margin-left:14px;"><b>Upload<b></button>
</form>
</div>下面是jquery代码
$("#files").on("change", function (e) {
var files = e.target.files,
filesLength = files.length;
for (var i = 0; i < filesLength; i++) {
$('#img_valid').css('display', 'none');
var f = files[i]
var fileReader = new FileReader();
fileReader.onload = (function (e) {
var file = e.target;
var img = new Image();
img.src = e.target.result;
var res = null;
img.onload = function() {
if(this.width > 500 && this.height > 500){
$("<img></img>", {
class: "imageThumbShow",
src: e.target.result,
title: file.name
}).insertAfter("#files");
}
else{
$('#img_valid').css('display', 'block');
$('#img_valid').html("Image height width must be min 400px.")
return false;
}
}
});
fileReader.readAsDataURL(f);
}
});我想从files[]数组中删除无效大小的图像，然后只上传其他图像
回答 2
Stack Overflow用户
发布于 2016-07-02 14:56:29
你可以使用DropzoneJS上传文件(图片)，DropzoneJS有很多选项。其中一个选项是"maxFilesize“，它允许您限制图像的大小。
Stack Overflow用户
发布于 2017-05-25 05:11:04
试着这样做
<input type="file" id="fileUpload" />
<input type="button" id="upload" value="Upload" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#upload").bind("click", function () {
if (typeof ($("#fileUpload")[0].files) != "undefined") {
var size = parseFloat($("#fileUpload")[0].files[0].size / 1024).toFixed(2);
alert(size + " KB.");
} else {
alert("This browser does not support HTML5.");
}
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38160973
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
