为什么不dropzone提交文件?

Why isn't dropzone submitting a file?

本文关键字:文件 提交 dropzone 为什么不      更新时间:2023-09-26

我有一个带有dropzone的表单,需要上传一个图像和两个文本输入。文本输入通过fine发送,但文件没有。

谁能告诉我我错过了什么?

这是我的表单:

<div id="dropzone">
        <form action="" id="dropzoneForm" method="post" enctype= multipart/form-data>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="dz-message">
                <h3 style="">Drag file here or click to upload</h3>
            </div>
            <div class="input-container">
                <div class="input-group">
                    <span class="input-group-addon">Name</span>
                    <input type="text" name="name">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">Categories</span>
                    <input type="text" name="categories"><span> (Comma separated)</span>
                </div>
                <button type="submit" value="Submit" class="upload-submit-button btn btn-success">
                    <i class="glyphicon glyphicon-upload"></i>
                    <span>Submit</span>
                    </button>
            </div>
        </form>
    </div>

这是我的jQuery脚本来配置dropzone:

        $(document).ready(function(){
        Dropzone.autoDiscover = false;
        $('#dropzoneForm').dropzone({
            autoProcessQueue: true,
            acceptedFiles: "image/*",
            paramName: "design",
            url: "{{ url('/submit') }}",
            thumbnailWidth: 500,
            thumbnailHeight: 250,
            maxFiles: 1,
            accept: function (file, done){
                console.log('Success for ' + file.name);
                console.log('Processing queue');
                done();
            }
        });
    });

如果我转储提交的数据,有一个名称字段和类别字段,但没有文件或设计!

原来是表单上的动作,这确实需要一个URL。我以为我只需要在dropzone配置中配置它。

<form action="{{ url('/submit') }}" id="dropzoneForm" method="post" enctype= multipart/form-data>