javascript - 如何使用 Valums Ajax File-Uploader 触发上传文件？

Question

使用 Valums Ajax 文件 uploader 时，如何触发上传？

默认行为是在用户选择文件后立即开始上传。我想防止这种情况发生，而是在用户选择文件后单击单独的“上传”按钮时触发上传。

我查看了代码，发现上传是从附加到文件输入的 change 事件开始的。我首先将 return false; 添加到 onSubmit 函数，然后将点击事件附加到触发更改事件的另一个按钮:

$('#startUpload').on('click', function() {  
    // some conditionals
    $('input[name="file"]').trigger('change');  
});

那是行不通的。它只是再次打开文件菜单。

如何防止在用户选择文件后立即进行上传，而是在用户单击另一个按钮时触发上传？

Answer 1

您必须为此修改 file-uploader.js 文件。在第 309 行，修改 onChange 函数以返回 false。然后在它上面添加如下函数，这样代码就变成了:

startUpload: function(){
    this._onInputChange(this._button.getInput());
},
_createUploadButton: function(element){
    var self = this;

    return new qq.UploadButton({
        element: element,
        multiple: this._options.multiple && qq.UploadHandlerXhr.isSupported(),
        onChange: function(input){
            return false;
        }
    });
},

然后在您的 HTML 文件中，在您的按钮点击或任何其他事件中，调用

uploader.startUpload();

其中 uploader 是您的 qq.FileUploader() 对象的名称。

希望对您有所帮助:)