Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/233.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript PHP多图像输入_Javascript_Php_Html - Fatal编程技术网

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

谢谢