Javascript PHP多图像输入
我制作了一段代码,每次用户添加图像时,都会为图像添加另一个输入 看起来是这样的: 这是代码:Javascript PHP多图像输入,javascript,php,html,Javascript,Php,Html,我制作了一段代码,每次用户添加图像时,都会为图像添加另一个输入 看起来是这样的: 这是代码: <form action="" method="POST" enctype="multipart/form-data"> <ul class="add_img_ul"> <li class="subimg"><input type="file" class="file" name="images[]" required multiple
<form action="" method="POST" enctype="multipart/form-data">
<ul class="add_img_ul">
<li class="subimg"><input type="file" class="file" name="images[]" required multiple/><img class="add" src="icons/add.jpg" width="80px" height="80px"/></li>
</ul>
<script>
var inputLocalFont = document.querySelector(".file");
inputLocalFont.addEventListener("change",previewImages,false);
function previewImages(){
var fileList = this.files;
var anyWindow = window.URL || window.webkitURL;
for(var i = 0; i < fileList.length; i++){
var objectUrl = anyWindow.createObjectURL(fileList[i]);
$('.add_img_ul').append('<li class="subimg"><input type="file" class="file" name="images[]"/><img class="add_img" src="' + objectUrl + '" width="80px" height="80px"/></li>');
window.URL.revokeObjectURL(fileList[i]);
}
}
</script>
</form>
var inputLocalFont=document.querySelector(“.file”);
inputLocalFont.addEventListener(“更改”,预览图像,false);
函数previewImages(){
var fileList=this.files;
var anyWindow=window.URL | | window.webkitURL;
对于(var i=0;i);
revokeObjectURL(文件列表[i]);
}
}
和我的php代码:
if(isset($_FILES['images'])){
$number_of_file_fields = 0;
$number_of_uploaded_files = 0;
$number_of_moved_files = 0;
$uploaded_files = array();
$upload_directory = 'product_images';
for($i = 0; $i < count($_FILES['images']['name']); $i++){
$number_of_file_fields++;
if($_FILES['images']['name'][$i] != ''){
$number_of_uploaded_files++;
$uploaded_files[] = $_FILES['images']['name'][$i];
if(move_uploaded_file($_FILES['images']['tmp_name'][$i], $upload_directory . $_FILES['images']['name'][$i])){
$number_of_moved_files++;
}
}
}
$name = implode(',', $uploaded_files);
echo $name;
}
if(isset($\u文件['images'])){
$number_of_file_字段=0;
$number\u上传的\u文件数量=0;
$number_of_moved_files=0;
$uploaded_files=array();
$upload_directory='product_images';
对于($i=0;$i
图像路径的记录存储在$name
当我在$name
中运行代码时,它只有一个值,但当我在一个输入上添加所需的多个
时,它是好的
如何将来自不同输入但名称相同的值存储到$name
谢谢