jQuery向后台上传文件
时间: 2023-07-26 22:32:32 浏览: 93
使用 jQuery 向后台上传文件的方法如下:
HTML 代码:
```html
<form id="myForm" enctype="multipart/form-data">
<input type="file" name="myFile"/>
<button type="submit">Upload</button>
</form>
```
jQuery 代码:
```javascript
$(document).ready(function(){
$('#myForm').submit(function(e){
e.preventDefault();
var formData = new FormData($(this)[0]);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response){
console.log(response);
},
error: function(xhr, status, error){
console.log(xhr.responseText);
}
});
});
});
```
这段代码会在表单提交时,使用 jQuery 的 Ajax 方法将 FormData 发送到后台 PHP 文件。你需要注意的是,这里使用了 processData 和 contentType 选项来禁止 jQuery 对数据进行处理,以及告诉 jQuery 不要设置请求头。
在后台 PHP 文件中,你可以使用 $_FILES['myFile'] 获取上传的文件。
阅读全文