,可以通过以下步骤实现:
<input type="file" id="imageInput" multiple>
var imageInput = document.getElementById('imageInput');
imageInput.addEventListener('change', function(e) {
var files = e.target.files;
// 处理选择的图片文件
// ...
});
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
formData.append('images[]', files[i]);
}
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 上传成功后的处理
// ...
}
};
xhr.send(formData);
if (isset($_FILES['images'])) {
$images = $_FILES['images'];
// 遍历处理每个图片文件
foreach ($images['tmp_name'] as $index => $tmpName) {
$name = $images['name'][$index];
$size = $images['size'][$index];
$type = $images['type'][$index];
$error = $images['error'][$index];
// 处理预览和上传逻辑
// ...
}
}
$destination = 'uploads/' . $name;
if (move_uploaded_file($tmpName, $destination)) {
// 上传成功
// ...
}
<input type="checkbox" name="delete[]" value="<?php echo $name; ?>">
if (isset($_POST['delete'])) {
$toDelete = $_POST['delete'];
// 遍历删除选中的图片文件
foreach ($toDelete as $filename) {
$filepath = 'uploads/' . $filename;
if (file_exists($filepath)) {
unlink($filepath);
// 删除成功
// ...
}
}
}
请注意,以上代码仅为示例,实际情况中需要根据具体需求进行适当的调整和安全处理。
对于该问题的回答中推荐的腾讯云相关产品和产品介绍链接地址:
以上是对问题的完善且全面的答案,希望对您有帮助。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云