javascript - 多个文件上传 - Blueimp jQuery uploader

标签 javascript php jquery css blueimp

我使用了一个名为“blueimp jquery file upload”的 jquery 插件 - https://github.com/blueimp/jQuery-File-Upload .

我想知道在上传多个文件时如何为每个文件的数据库添加下拉值。

我使用原始的 javascript 模板上传文件,并对其进行了一些修改。看起来像这样。

<script id="template-upload" type="text/x-tmpl">
    {% for (var i=0, file; file=o.files[i]; i++) { %}
    <form id="#fileupload" action="server/php/" method="POST" enctype="multipart/form-data">
        <tr class="template-upload fade">
        <td>
            <span class="preview"></span>
        </td>
        <td>
            <p class="name">{%=file.name%}</p>
            <strong class="error text-danger"></strong>
        </td>
        <td>
            <p class="size">Processing...</p>
            <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
                <div class="progress-bar progress-bar-success" style="width:0%;">/div>
           </div>
        </td>
        <td>
            <label class="title">
            <select name="title[]" >
                <option value="val1">val1</option>
                <option value="val2">val2</option>
            </select>
            </label>
            <label class="description">
                <span>Description:</span><br>
                <input name="description[]" class="form-control">
            </label>
    {% if (!i && !o.options.autoUpload) { %}
                <button class="btn btn-primary start upload-file" disabled>
                    <i class="glyphicon glyphicon-upload"></i>
                    <span>Start</span>
                </button>
    {% } %}
    {% if (!i) { %}
        <button class="btn btn-warning cancel">
            <i class="glyphicon glyphicon-ban-circle"></i>
            <span>Cancel</span>
        </button>
    {% } %}
        </td>
        </tr>
    </form>
    {% } %}
</script>

我正在努力让它发挥作用。我今天花了很多时间,但不想放弃。如果有人对此有经验,请帮助我,给我指导。

我找到了这个,但我不知道如何让它发挥作用 https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-Form-Data

谢谢

最好的问候, 达尔科

最佳答案

在函数 handle_file_upload 中查看 server/php/UploadHandler.php 尝试连接到 db 并将文件详细信息保存在数据库中

关于javascript - 多个文件上传 - Blueimp jQuery uploader ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24687563/

相关文章:

jquery - 如果我有一个在 jQuery UI 对话框中运行的表单,我该如何处理服务器端验证错误?

javascript - 如何访问和处理嵌套对象,数组或JSON?

包含两个 CSS 文件的 PHP 文件

用于匹配文件路径的 PHP 正则表达式

jquery 上下文选择器与 .find()

javascript - HTML表格可编辑

javascript - 按最近的图像排序,并过滤喜欢 > x 的图像

javascript - IE 11 - 开发者工具和检测旧的 IE 浏览器

javascript - 如何解析对象的实例并与数组的内容进行比较?

php - 在 mysql 查询中引用 int 值