如何使用blueimp jquery-file-upload一次上传1个文件并进行多项选择?

时间:2016-01-26 14:28:19

标签: javascript jquery file-upload jquery-file-upload blueimp

我正在使用blueimp的jquery-file-upload来上传多张照片

https://blueimp.github.io/jQuery-File-Upload/

我创建了一个多选输入框并设置了上传脚本:

<script>
$(function () {
    $("#upload_files").fileupload({
        autoUpload: true,
        dataType: "json",
        singleFileUploads: true,
        sequentialUploads: false,
        url: "/photos/my_upload_script",
        add: function (e, data) {

            data.submit();

        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $("#version_progress_bar .progress-bar").css("width",progress + "%");
        },
        done: function (e, data) {
            if(data.result.status == "success"){
                alert('well done');
            }
            else {
                alert("it's gone pete tong!");
            }
        }
    });
});
</script>

我遇到的问题是我上传照片的历史命名惯例。我受到限制,我必须使用PHP的time()函数。当在同一秒内触发多张照片的上传时,这就成了一个问题。

那么,有没有办法让jquery-file-upload逐个上传每张照片,但仍然允许多次选择,希望这会阻止照片在同一秒内上传?

2 个答案:

答案 0 :(得分:1)

我找不到在脚本中执行此操作的方法。所以,相反,我在我的ajax脚本上放了1秒钟。

答案 1 :(得分:0)

  

有没有办法让jquery-file-upload逐个上传每张照片但仍允许多个选择

是。您已在代码中选择了决定此行为的选项:

sequentialUploads: false,

将其更改为true,然后依次顺序上传..