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

时间:2014-12-25 14:20:18

标签: javascript

好吧我正在尝试编写代码,如果文件大于15 mb,则阻止表单submition,到目前为止,我的解决方案是这样的,但我需要帮助。

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

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

2 个答案:

答案 0 :(得分:0)

您实际上无法访问文件系统(例如读取和写入本地文件),但是,由于HTML5文件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);

});

答案 1 :(得分:0)

您使用form.submit()提交表单吗?你可以使用你一直在使用的相同检查但是发送ajax而不是请求类型为“POST”??