在javascript/jQuery中,在调用文件上传插件之前,会设置一个变量:
doc_type = "q";
然后,插件被初始化。插件选项中有:onSelect:
,当选择文件时会调用它。代码如下:
var doc_type = "q";
$(function(){
var project_num = $("#pnum").val();
var uploadObj = $("#fileuploader").uploadFile({
url: "upload_files_processor.php",
method: "POST",
onSelect: function(){
doc_type = "W";
//Or:
//doc_type = $('#hidden_input').val(); <-- What I really need to do
return true;
},
allowedTypes:"pdf,doc,docx,xls,xlsx,ppt,pptx,bmp,jpg,png,zip",
fileName: "myfile",
formData: {"project_num":project_num,"doc_type":doc_type},
multiple: true,
autoSubmit: true,
showStatusAfterSuccess:false,
onSuccess:function(files,data,xhr) {
//Refresh documents table
},
});
}); //END document.ready()
问题:
在上传处理器upload_files_processor.php
中,接收到的doc_type
值为:
$doc_type = $_POST["doc_type"]; // q
如何接收值W
?
参考文献:heyageek jquery上传文件插件网站——点击API & Options
选项卡
如果您查看api的Advanced选项卡。有一个名为dynamicFormData
的选项被执行,并且出现,在发送之前立即附加到表单数据。
dynamicFormData: function() {
var data ={"doc_type":doc_type };
return data;
},
这正是您所需要的,因为doc_type
将在发送之前进行评估,而不是在创建时进行评估。
如果这有效。我真的没有办法测试它
在您的代码中,而不是formData: {"project_num":project_num,"doc_type":doc_type},
使用这个:
dynamicFormData: function()
{
return {
project_num: $("#pnum").val(),
doc_type: $('#hidden_input').val()
};
},
并删除行var doc_type = "q";
和var project_num = $("#pnum").val()
也许你可以这样做:
var formData = {
project_num: null,
doc_type: "q"
};
$(function() {
formData.project_num = $("#pnum").val();
var uploadObj = $("#fileuploader").uploadFile({
url: "upload_files_processor.php",
method: "POST",
onSelect: function(){
formData.doc_type = $('#hidden_input').val();
},
allowedTypes:"pdf,doc,docx,xls,xlsx,ppt,pptx,bmp,jpg,png,zip",
fileName: "myfile",
formData: formData,
multiple: true,
autoSubmit: true,
showStatusAfterSuccess:false,
onSuccess:function(files,data,xhr) {
//Refresh documents table
},
});
});
我不确定插件内部是如何工作的。如果它将formData
序列化为某种内部格式,您可能会遇到问题。但是,如果只是简单地将内部formData
属性设置为指向所提供的对象,那么这应该会起作用。对formData
的引用保持不变;您只是在修改所使用对象的一个属性。