只用HTML和jQuery给我写一个同时上传多张照片的代码
时间: 2024-06-10 12:08:27 浏览: 14
当然,我可以为您提供一个同时上传多张照片的代码示例。
HTML代码:
```html
<form method="post" enctype="multipart/form-data">
<input type="file" name="files[]" multiple>
<button type="submit">上传</button>
</form>
```
jQuery代码:
```javascript
$('form').submit(function(e) {
e.preventDefault();
var files = $('input[type="file"]')[0].files;
if (files.length > 0) {
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
formData.append('files[]', files[i]);
}
$.ajax({
url: 'upload.php',
type: 'post',
data: formData,
processData: false,
contentType: false,
success: function(response) {
alert('上传成功!');
},
error: function() {
alert('上传失败,请稍后再试!');
}
});
}
});
```
请注意,在这个示例中,我们使用了jQuery的AJAX方法来异步上传文件。formData对象用于存储要上传的文件,并且通过设置processData和contentType选项为false,确保文件能够正确地发送到服务器。
希望这个示例能帮助到您!
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)