File upload 如何提交文件与罚款上传与形式?

File upload 如何提交文件与罚款上传与形式?,file-upload,fine-uploader,File Upload,Fine Uploader,我知道以前有人问过这个问题,但没有一个答案是真正适合我的 我有一个支持票系统,希望允许用户能够上传附件到这个。为此,我使用了优秀的上传 我的问题是 实施 让它真正起作用 因此: 最好的方法是什么?我将允许用户选择文件并与表单一起上传,这在我看来是最有效的。有些人建议自动上传文件,然后返回一个ID,以便在每次回执时引用附件。最好的方法是什么?我想第一个是最实用的,也不意味着上传的文件与回复无关。第二,我想这会加快提交回复的速度,因为附件是在你打字的时候上传的,你可以看到上传的进度。最好的方法 我尝

我知道以前有人问过这个问题,但没有一个答案是真正适合我的

我有一个支持票系统,希望允许用户能够上传附件到这个。为此,我使用了优秀的上传

我的问题是

  • 实施
  • 让它真正起作用
  • 因此:

  • 最好的方法是什么?我将允许用户选择文件并与表单一起上传,这在我看来是最有效的。有些人建议自动上传文件,然后返回一个ID,以便在每次回执时引用附件。最好的方法是什么?我想第一个是最实用的,也不意味着上传的文件与回复无关。第二,我想这会加快提交回复的速度,因为附件是在你打字的时候上传的,你可以看到上传的进度。最好的方法

  • 我尝试了第一种方法,下面是我的代码:

  • 表格:

    根据文档,端点与操作的URL相同,我认为该方法也会自动设置为POST,并且有一个_方法var stating PUT使该部分工作

    这里的问题是它不起作用


    非常感谢您的帮助:)

    也许这个例子可以帮助您-

    只需单击“查看代码”,复制粘贴代码并开始实施。在HTML上进行更改,它应该可以工作。并查看“开发工具”上的XHR选项卡。如果您缺少某些内容,XHR响应将返回错误


    希望有帮助:)

    FineUploader查找的默认表单id是qq表单。您已将id设置为qqform,这与qqform不同。因此,您的表单值不会包含在帖子中。您还可以指定FineUploader必须使用的表单id,而不是将表单本身的id更改为qq表单。因此,将以下内容添加到JS…表单:{element:“someTestFormId”}另请参见和
    {{ Form::open(['route' => ['ticket', $ticket->id], 'method' => 'put', 'id' => 'qqform']) }}
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group">
                <label class="control-label bold-label">Message</label>
                    <textarea name="message" id="message" placeholder="Message" rows="5"
                        class="form-control"></textarea>
            </div>
        </div>
    </div>
    
    <div id="reply-form-uploader" class="reply-form-uploader"></div>
    
    <div class="text-right">
        <button class="btn btn-info" type="submit">Submit</button>
    </div>
    {{ Form::close() }}
    
    var uploader = new qq.FineUploader({
    element: document.getElementById('reply-form-uploader'),
    autoUpload: false,
    interceptSubmit: true,
    sizeError: 2048