我正在使用jQuery fileupload插件。
我已经将上传器放在一个表单中(这可能不太理想)。添加到队列后,文件会自动上传。
这是处理该问题的部分:
// This function is called when a file is added to the queue;
// either via the browse button, or via drag/drop:
add: function (e, data) {
var tpl = $('<li class="working"><input type="text" value="0" data-readOnly="1" /><p></p><i class="icon-remove"></i></li>');
// Append the file name and file size
tpl.find('p').text(data.files[0].name)
.append('<span>' + formatFileSize(data.files[0].size) + '</span>');
// Add the HTML to the UL element
$t.find('.auc-upload-list').append(tpl);
data.context = tpl;
// Initialize the knob plugin
tpl.find('input').knob({
width: 20,
height: 20
});
// Listen for clicks on the cancel icon
tpl.find('i').click(function(){
if(tpl.hasClass('working')){
jqXHR.abort();
}
tpl.fadeOut(function(){
tpl.remove();
});
});
// Automatically upload the file once it is added to the queue
var jqXHR = data.submit();
},
var jqXHR = data.submit();
发起发帖。
不幸的是,所有其他表单字段也会发布。我能以某种方式阻止吗?那么fileupload插件只发布给定的文件输入字段?
或者也许我告诉插件它可以发布哪个字段?
答案 0 :(得分:7)
尝试将formData属性设置为空对象。 formData包含要与文件上载一起发送的其他表单数据。默认实现返回所有表单字段。
formData:{},
来源:https://github.com/blueimp/jQuery-File-Upload/wiki/Options#formdata