无法使用dropzone上传多个文件

I'm using the dropzone.js library but it's not working.

我正在使用dropzone.js库,但它不起作用。

In the upload script I count the files to see if it works:

在上传脚本中,我会计算文件是否有效:

$file_count = count($_FILES['file']['name']);
echo $file_count;

But it only prints 1 all the time (I tried uploading 2+).

但它只打印1(我尝试上传2+)。

HTML:

<form id="propForm" class="" name="" action="upload.php" method="POST" enctype="multipart/form-data">
    <div class="option img">
        <h4>Imagenes (m&#225;ximo 6):</h4>
        <div id="dropzone" class="dropzone">
        // hidden input is appended here
        </div>
    </div>
    // more inputs
    <input value="Subir" type="submit" name="submitIT">
</form>

Dropzone options:

$('div#dropzone').dropzone({
    url: 'upload.php',
    paramName: "file[]", // The array is initialized here but it's not working
    acceptedFiles: 'image/*',
    addRemoveLinks: true,
    parallelUploads: 6,
    maxFilesize: 6,
    maxFiles: 6,
    autoDiscover: false,
    autoProcessQueue: false,
    uploadMultiple: true,
    hiddenInputContainer: '#dropzone',

    init: function () {
        thisDropzone = this;
        thisDropzone.on("maxfilesexceeded", function(file) { thisDropzone.removeFile(file); });
        $("input[type=submit]").click(function(e){ 
            e.preventDefault();
            thisDropzone.processQueue();
        });
        this.on("successmultiple", function(files, response) {
            alert('works');
            $("form#propForm").submit();
        });
    }
});

Upload.php output:

1  // output for echo $file_count;
Notice: Uninitialized string offset: 0 // $filen = $_FILES['file']['name'][$i]; (inside a for)

EDIT: It was working, just that the files are uploaded first than the form, so I was getting 1 and the notice.

编辑:它工作,只是文件首先上传而不是表格,所以我得到1和通知。

1 个解决方案

#1

My problem is that I need to create a custom folder for the images (based on the data of the form) so it won't work because it first upload the files and then the form. If someone needs this too, I found this jquery plugin: it's more basic, it just converts an input type file in a preview area (you'll have to create or show one for each file but you can do this easily with jquery) but at least it works.

我的问题是我需要为图像创建一个自定义文件夹(基于表单的数据),所以它不会工作,因为它首先上传文件,然后上传表单。如果有人也需要这个,我发现这个jquery插件:它更基本,它只是在预览区域中转换输入类型文件(你必须为每个文件创建或显示一个,但你可以使用jquery轻松完成)但是至少它有效。

The above code will just work to first upload the files in the queue and then submit the form data so just make sure the upload script will handle both separately:

上面的代码只是首先上传队列中的文件然后提交表单数据,所以只需确保上传脚本将单独处理:

if ($_FILES['file']['error'] == 0) {
// move_uploaded_file (single file)
// or a for($i=0; $i < $file_count; $i++) (multiple files)
}

if ( $_SERVER['REQUEST_METHOD'] == 'POST' ) {
//filter the data and store it in db
}

1 个解决方案

#1

更多相关文章

随机推荐