Blueimp Jquery File Upload-具有分块和相同格式的多个文件字段的高级文件上传格式

时间:2019-03-13 22:08:08

标签: jquery file-upload upload blueimp chunking

我已经有一段时间没有问问题了,所以不要太苛刻。我比较有帮助。

我已经做了大量研究,但是堆栈溢出问题都无法解决我的问题,也许是因为我不知道它更复杂。

使用“ Blueimp Jquery文件上传”,他们的文档非常糟糕,无法很好地解释事情。此外,似乎缺少完整工作的完整代码教程。只有部分代码,希望对您有所帮助。现在,我正在尝试对块上传进行实验,并且需要创建以下内容以及表单处于按钮状态时需要帮助,请单击“仅提交”,而不是自动上传:

包含以下内容的表单:

  • 文本输入字段
  • textarea字段
  • 文件输入字段1
  • 文件输入字段2
  • 文件输入字段3
  • 提交按钮

我查看了以下文档页面:https://github.com/blueimp/jQuery-File-Upload/wiki/Multiple-File-Input-Fields-in-One-Formhttps://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data,但它们并不能帮助我解决问题。

我当前的HTML代码...有关更多信息,请参见jsfiddle:

<h1>Chunked Uploads Test</h1>
<form id="fileupload" action="" method="POST" enctype="multipart/form-data">
    <div class="form-group">
        <label>Name</label>
        <input id="name" class="form-control" name="name">
    </div>
    <div class="form-group">
        <label>Description</label>
        <textarea id="description" class="form-control" name="description"></textarea>
    </div>

    <div class="row">
        <div class="span16 fileupload-buttonbar">
            <div class="progressbar fileupload-progressbar"><div style="width:0%;"></div></div>
            <span class="btn success fileinput-button">
                <span>Icon Img...</span>
                <input type="file" name="files[]" multiple>
            </span>
            <!-- Extra file input start /-->
            <span class="btn fileinput-button">
                <span>Preview Img...</span>
                <input type="file"  class="form-control-file" name="files2[]" multiple>
            </span>
            <span class="btn fileinput-button">
                <span>Main File...</span>
                <input type="file"  class="form-control-file" name="files3[]" multiple>
            </span>

        </div>
    </div>
    <br>
    <div class="row">
        <div class="span16">
            <table class="zebra-striped"><tbody class="files"></tbody></table>
        </div>
    </div>
    <hr>
    <div class="form-group">
        <button class="btn btn-primary btn-sm start" type="button">Upload Item</button>            
    </div>
</form>

https://jsfiddle.net/ub7f1xsa/

您可以看到它需要一些工作,但是我只需要JS的帮助,我已经完成了所有PHP,但是基本上只需要它就可以对所有文件输入字段进行分块并发送其他数据。 / p>

非常感谢任何可以提供帮助的人。在2天之内(不允许我尽快添加),我将添加赏金,以便你们得到帮助的奖励。

0 个答案:

没有答案