Javascript 上传2个文件后未保存jQuery进度条
我有一个页面,有许多行输入字段,每行有一个文件上传按钮。自从集成了下面的代码来显示进度条后,我就可以上传一个文件,一旦上传了,它就会自动保存。当我上传第二个文件时,它也会做同样的事情。当我上传第三个文件时,照片会上传,但该行不会自动保存,只有在页面刷新后才会再次工作。这减慢了我的速度,我唯一改变的是添加了下面的代码。它的书写方式有问题吗 上传代码:Javascript 上传2个文件后未保存jQuery进度条,javascript,php,jquery,Javascript,Php,Jquery,我有一个页面,有许多行输入字段,每行有一个文件上传按钮。自从集成了下面的代码来显示进度条后,我就可以上传一个文件,一旦上传了,它就会自动保存。当我上传第二个文件时,它也会做同样的事情。当我上传第三个文件时,照片会上传,但该行不会自动保存,只有在页面刷新后才会再次工作。这减慢了我的速度,我唯一改变的是添加了下面的代码。它的书写方式有问题吗 上传代码: function bindFileUpload() { var inventoryPasscode = '<?=$inventory_
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
第三个文件上传了吗?或者只是第三个进度条工作不正常?你的html结构是什么样子的?进度条显示,文件上传,然后该条会根据需要消失-但当你说行时,该行不会自动保存(它将闪烁绿色),你是指数据库中的一行还是表中显示上传的一行?数据库中的一行,包括项目、描述、条件、,照片-所有都是带有保存按钮的输入字段。上传照片后,将自动保存该行以将文件名发送到数据库,但如果该行未自动保存,则即使按“保存”按钮,也不会发送该行。是否可以在JSFIDLE上复制相同的内容,
//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