如果所选文件超出限制，JavaScript 会阻止表单提交

JavaScript prevent form submission if selected file is over limit

本文关键字：JavaScript 表单提交 文件 如果      更新时间：2023-09-26

好的，如果文件大于 15 MB，我正在尝试编写代码以防止表单提交，到目前为止我的解决方案是这样的，但我需要帮助。

onchange="if(files[0].size < 15000000){$(''form'').submit(function() {event.preventDefault()})};"

这是输入类型文件属性。我是对的，是否可以添加onsubmit='false'，也许这样有人可以帮助我？

您是否使用 form.submit（） 提交表单？您可以使用您一直在使用的相同检查，但发送请求类型为"POST"的 ajax 吗？

您实际上无权访问文件系统（例如读取和写入本地文件），但是，由于 HTML5 File API 规范，您确实可以访问一些文件属性，文件大小就是其中之一。这基于 jQuery

对于 HTML 波纹管

<input type="file" id="myFile" />

请尝试以下操作：

//binds to onchange event of your input field
$('#myFile').bind('change', function() {
  //this.files[0].size gets the size of your file.
  alert(this.files[0].size);
});

这是javascipt one

//gets the element by its id
var myFile = document.getElementById('myFile');
//binds to onchange event of the input field
myFile.addEventListener('change', function() {
  //this.files[0].size gets the size of your file.
  alert(this.files[0].size);
});
相关文章：