jquery form表单上传文件
时间: 2023-05-15 15:07:54 浏览: 135
可以使用 jQuery 的 Ajax 方法来实现表单文件上传,具体代码如下:
HTML 代码:
```
<form id="myForm" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="上传">
</form>
```
JavaScript 代码:
```
$(document).ready(function() {
$('#myForm').submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
url: 'upload.php', // 上传文件的 PHP 脚本
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.log(error);
}
});
});
});
```
其中,`FormData` 对象用于封装表单数据,`processData` 和 `contentType` 属性设置为 `false`,表示不对数据进行处理和设置请求头,以便上传文件。在 PHP 脚本中,可以使用 `$_FILES` 数组来获取上传的文件信息。
阅读全文