Question

我有一个带有dropzone的表单，需要上传图片和两个文本输入。文本输入通过罚款发送，但文件不是。

有人能说出我错过的东西吗？

这是我的表格：

<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>

这是我配置dropzone的jQuery脚本：

        $(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();
            }
        });
    });

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

Answer 1

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

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

为什么dropzone不提交文件？

1 个答案: