Javascript Dropzone JS未传递到PHP$\u文件

我正在使用Dropzone JS构建一个图像上传程序，允许您一次上传多个图像：

HTML:

当我在JavaScript端记录所有内容时，图像会按应有的方式处理，但在PHP端，$\u文件总是空的

---

我很难理解为什么$u文件是空的。JavaScript中是否有我没有传递到PHP的东西？谢谢你的帮助

您的

upload\u max\u filesize

和

post\u max\u size

设置为什么？你可以在服务器上检查你的ini配置，或者做一个快速的

ini获取（'upload\u max\u filesize'）

@jfadich 64M，它说。。我测试的文件也很小。在Dropbox端，图像看起来处理得很好，但它似乎从来没有将其转换为$u文件。这个代码最初是为我工作的。。然后突然停止您的javascript代码将文件添加到名为

theFiles

的输入中，但您的PHP代码正在尝试读取

$\u文件['file']

。要么将输入的名称更改为

文件

，要么检查

$\u文件['theFiles']

@rickdenhaan谢谢，我尝试了这两种方法，但都不起作用。$文件不会被读取为非空吗？嗯，是的，它应该是空的。假设表单的

enctype

设置为

multipart/form data

。是吗？您的

upload\u max\u filesize

和

post\u max\u size

设置为什么？你可以在服务器上检查你的ini配置，或者做一个快速的

ini获取（'upload\u max\u filesize'）

@jfadich 64M，它说。。我测试的文件也很小。在Dropbox端，图像看起来处理得很好，但它似乎从来没有将其转换为$u文件。这个代码最初是为我工作的。。然后突然停止您的javascript代码将文件添加到名为

theFiles

的输入中，但您的PHP代码正在尝试读取

$\u文件['file']

。要么将输入的名称更改为

文件

，要么检查

$\u文件['theFiles']

@rickdenhaan谢谢，我尝试了这两种方法，但都不起作用。$文件不会被读取为非空吗？嗯，是的，它应该是空的。假设表单的

enctype

设置为

multipart/form data

。是吗？

<div class="dropzone" id="mydroppyzone"><div class="dz-message" data-dz-message><span><i class="fas fa-images"></i> Add Photos</span></div></div>

$("#mydroppyzone").dropzone({
    url: "process_edit_event.php",
    autoProcessQueue: false,
    maxFiles: 4,
    maxFilesize: 2,
    uploadMultiple: true,
    parallelUploads: 100,
    acceptedFiles: ".jpeg,.jpg,.png",
    init: function () {

        var myDropzone = this;

        $("#editEventBtn").click(function (e) {

            var editEventFormIsValid = $('#editEventFeaturedForm').valid();

            if (editEventFormIsValid) {

                if (myDropzone.getQueuedFiles().length > 0) {   
                    e.preventDefault();
                    myDropzone.processQueue(); 
                } else {                

                }

            }               

        }); 

      myDropzone.on('success', function (file, response) {

        console.log(JSON.stringify(file.upload.filename));

        var form = document.getElementById('editEventFeaturedForm');

        $("#editEventFeaturedForm").append($('<input type="hidden" ' +
        'name="theFiles[]" ' +
        'value="' + file.upload.filename + '">'));

        form.submit();

      });
   },
   sending: function (file, xhr, formData) {
       formData.append("name", $('#name').val());
   }
});

// Upload the event photos to the server

    $ds = DIRECTORY_SEPARATOR;

    $storeFolder = 'user_images/events';

    if (!empty($_FILES)) {

        $tempFile = $_FILES['file']['tmp_name'];         

        $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;

        $targetFile =  $targetPath. $_FILES['file']['name'];

        foreach($_FILES['file']['tmp_name'] as $key => $value) {
            $tempFile = $_FILES['file']['tmp_name'][$key];
            $targetFile =  $targetPath . $_FILES['file']['name'][$key];
            move_uploaded_file($tempFile,$targetFile);
        }

    }