写个代码用jQuery同时上传多张图片
时间: 2024-05-06 22:22:01 浏览: 9
好的,以下是使用jQuery实现同时上传多张图片的代码:
HTML:
```html
<input type="file" id="file" multiple>
<button id="upload">上传</button>
```
JavaScript:
```javascript
$(document).ready(function(){
$('#upload').click(function(){
var formData = new FormData();
$.each($('#file')[0].files, function(i, file) {
formData.append('file-'+i, file);
});
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data){
alert(data);
}
});
});
});
```
PHP:
```php
foreach ($_FILES as $key => $value) {
if ($value['error'] == UPLOAD_ERR_OK) {
$name = $value['name'];
move_uploaded_file($value['tmp_name'], './uploads/'.$name);
}
}
echo count($_FILES).'张图片上传成功!';
```