js实现form表单上传文件
时间: 2023-05-15 19:07:46 浏览: 211
可以使用HTML5的FormData对象来实现form表单上传文件,具体代码如下:
HTML代码:
```
<form id="myForm">
<input type="file" name="file">
<button type="submit">上传</button>
</form>
```
JavaScript代码:
```
var form = document.getElementById("myForm");
form.addEventListener("submit", function(event) {
event.preventDefault();
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log("上传成功");
} else {
console.log("上传失败");
}
};
xhr.send(formData);
});
```
其中,FormData对象可以通过form元素来创建,也可以手动创建。在这个例子中,我们使用form元素来创建FormData对象,然后使用XMLHttpRequest对象来发送POST请求,将FormData对象作为参数发送到服务器。服务器端可以使用Node.js的multer模块来处理上传的文件。
阅读全文