Question

给出以下演示：

我根据演示在项目中工作，但我想删除每个图像上的“上传”按钮，只需在顶部添加“全部上传”按钮。对于我的生活，我无法解决如何做到这一点，文档很薄......

我试图创建fileupload对象的句柄，例如var fileUpload = $('#fileupload').fileupload({并调用类似fileUpload.send（）的内容;但我只是得到“对象不包含方法'发送'”

Answer 1

工作解决方案在这里：Start Upload all in jquery file upload blueimp

关键是在“完成”选项中取消绑定点击事件，而不是像“添加”选项那样解除绑定事件，如此处的其他文章所示。

$ xmllint --xpath 'string(/map/string[@name = "c1:fruits_id-%1$s"])' fruit.xml
grapes

另一种选择是为个人上传按钮提供一个类，通过将他们的css显示设置为none来隐藏它们，然后将他们的点击绑定到upload_all点击：

done: function (e, data) {
        $("#uploadBtn").off('click')
        $.each(data.result, function (index, file) {
            $('<p/>').text(file.name).appendTo(document.body);
        });
    },
add: function (e, data) {
        $("#uploadBtn").on('click',function () {
            data.submit();
        });
    }

Answer 2

您可以将所有数据推送到一个数组中，让外部按钮调用一个循环遍历数组并在每个数组上调用.submit（）的函数。

var fileDataArray = [];

// Inside "add" event
fileDataArray.push(data);

// Inside your onClick function for your button
for (var i = 0; i < fileDataArray.length; i++) {
    var data = fileDataArray[i];
    data.submit();
}

jquery文件上传 - 如何在“基本加”演示中处理整个队列

2 个答案: