如何使用带有表单的Fine Uploader提交文件?

时间:2016-10-15 14:43:28

标签: file-upload fine-uploader

我知道之前有人问过,但在我的案例中,没有一个答案是真的合适。

我有一个支持服务单系统,并希望允许用户上传附件。为此,我使用Fine Uploader。

我的问题是

  1. 实施
  2. 让它真正起作用
  3. 所以:

    1. 最好的方法是什么?我打算允许用户选择文件并使用表单上传它们,这对我来说似乎最有效。有些人建议选择自动上传文件,然后返回ID以引用每个票证回复的附件。最好的方法是什么?我想第一个是最实用的,也不意味着上传了与回复无关的文件。其次,我猜想在您输入附件时上传附件时,提交回复会更快,以及您可以看到上传的进度。最好的方法?

    2. 我尝试了第一种方法,这是我的代码:

    3. 形式:

      {{ 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() }}
      

      JS:

      var uploader = new qq.FineUploader({
      element: document.getElementById('reply-form-uploader'),
      autoUpload: false,
      interceptSubmit: true,
      sizeError: 2048
      

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

      这里的问题是它不起作用 I add my attachment here But it doesn't appear anywhere in the request

      非常感谢一些帮助:)

1 个答案:

答案 0 :(得分:0)

也许这个例子可以帮助你 - http://fineuploader.com/demos.html#manually-trigger-uploads

只需点击&#34;查看代码&#34; ,复制粘贴代码并开始实施。对HTML进行更改,它应该有效。并查看&#34;开发工具&#34;上的XHR选项卡。如果您遗漏了某些内容,XHR响应将返回错误。

希望它能帮助:)