如何防止在我的html5页面中输入输入类型=“文件”上传

时间:2016-01-22 00:42:12

标签: javascript html5

我在页面中有一个文件输入,我做了一些调整大小和裁剪并获得base64 src所以我根本不需要上传的文件。如何阻止表单将文件发送到我的服务器?

1 个答案:

答案 0 :(得分:3)

Form submission algorithm有这一步:

  

如果未设置从submit()方法标志提交的,则   气泡和可取消的fire a simple event命名   {em>形式的submit 。如果阻止事件的默认操作(即   如果事件被取消,则中止这些步骤。

因此,如果您想阻止提交整个表单,可以使用取消该事件的submit事件监听器:

form.addEventListener('submit', function(event) {
  event.preventDefault(); // Prevent submission
});

如果您只想阻止发送文件输入,则应使construct the form data set算法跳过它。一种简单的方法是删除其name属性:

  

如果满足以下任何条件,则跳过这些子步骤   对于这个元素:

     
      
  • 字段元素不是input元素,其type属性处于Image Button状态,并且    field 元素没有指定name属性,或   其name属性的值为空字符串。
  •   

你可以用JS做到这一点:

form.elements.initialNameOfTheFileInput.name = '';