此特定实例中的javascript变量范围

javascript variable scope in this particular instance

本文关键字：javascript 变量 范围 实例      更新时间：2023-09-26

在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的引用保持不变；您只是在修改所使用对象的一个属性。

相关文章：