form表单上传文件重写提交方法
时间: 2023-05-15 14:07:54 浏览: 112
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
可以使用 JavaScript 来重写 form 表单的提交方法,具体代码如下:
```javascript
document.getElementById("formId").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止默认的提交行为
var formData = new FormData(this); // 获取表单数据
// 在这里可以对表单数据进行处理
// ...
// 使用 AJAX 提交表单数据
var xhr = new XMLHttpRequest();
xhr.open("POST", this.action);
xhr.send(formData);
});
```
其中,`formId` 是表单的 ID,`this.action` 是表单的提交地址。在这段代码中,我们使用了 `addEventListener` 方法来监听表单的提交事件,然后使用 `FormData` 对象来获取表单数据,最后使用 AJAX 技术将表单数据提交到服务器。
阅读全文