Question

我有一个包含多行输入字段的页面，每行都有一个文件上传按钮。自从集成以下代码以显示进度条后，我可以上传1个文件，一旦上传，就会按预期自动保存。当我上传第二个文件时，它会做同样的事情。当我上传第三个文件时，照片会上传，但该行不会自动保存，只有在刷新页面后才能再次使用。这让我感到沮丧，我唯一改变的是添加以下代码。它的编写方式有问题吗？

上传代码：

function bindFileUpload() {
    var inventoryPasscode = '<?=$inventory_passcode?>';
    $('.fileupload').fileupload({
        formData: {passcode: inventoryPasscode},
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                data.form.find('.itemPhotoFile').val(file.name);
            });
        postFormItems($(this).closest('form.item').get(0));
        }
    });
};

// End upload function

进度条码（更改）：

//PROGRESS
    $('.fileupload').fileupload({
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .bar').css(
                'width',
                progress + '%'
            );
        $('.bar').fadeIn();
    },
        stop: function(){
            $('.bar').fadeOut();
        }
    });
//PROGRESS END

2个文件上传后jQuery进度条不保存

0 个答案: