Question

您好我想使用输入类型上传x张图片。我希望在文件上传关闭后显示警报。我只使用纯JavaScript。

我知道我可以使用选项倍数来接受多个图像。

<input type="file" accept=".png, .jpg, .jpeg" multiple />

我知道我可以使用查询选择器来获取文件数量。我不确定哪个是我应该调用的事件，因此下面的代码可以在文件管理器窗口关闭后运行。

amount = document.querySelector('input[type=file]').files 
if (amount > 3){
  alert("Only 3 images are allowed!!!")
}

感谢您的帮助

Answer 1

var input = document.querySelector('input[type=file]');
var form = document.querySelector('#fileup');
input.onchange = function () {
    if (input.files.length > 3){
      alert("Only 3 images are allowed!!!");
      form.reset();
    }
};

<form id="fileup">
<input type="file" accept=".png, .jpg, .jpeg" multiple />
</form>

验证输入类型html5中的最大图像数量

1 个答案: