Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如果所选文件超出限制,JavaScript将阻止表单提交_Javascript - Fatal编程技术网

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

如果所选文件超出限制,JavaScript将阻止表单提交,javascript,Javascript,好的,我正试图写代码,防止表单提交,若文件大于15 mb,我的解决方案是这样的,但我需要帮助 onchange="if(files[0].size < 15000000){$(\'form\').submit(function() {event.preventDefault()})};" onchange=“如果(文件[0]。大小

好的,我正试图写代码,防止表单提交,若文件大于15 mb,我的解决方案是这样的,但我需要帮助

onchange="if(files[0].size < 15000000){$(\'form\').submit(function() {event.preventDefault()})};"
onchange=“如果(文件[0]。大小<15000000){$(\'form\')。提交(函数(){event.preventDefault()};”

这是输入类型文件属性。我是对的,是否可以添加onsubmit='false',也许有人可以用这种方式帮助我?

您实际上没有访问文件系统的权限(例如读取和写入本地文件),但是,由于HTML5文件Api规范,您确实可以访问一些文件属性,并且文件大小是其中之一。这是基于jQuery的

对于下面的HTML

<input type="file" id="myFile" />
这是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);

});
您是否正在使用form.submit()提交表单??您是否可以使用您一直在使用的相同检查,但发送一个请求类型为“POST”的ajax?

这里已经回答了:一个问题:
.submit()
只是将事件处理程序添加到元素中。一旦为超过限制的文件添加了表单,它就不会被删除,因此即使更改为其他文件,表单提交也将继续被阻止。
//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);

});