Question

我的项目中有以下code，可帮助我进行一些非常时髦的AJAX上传。

<script>
    $(function(){
        var uploader = new qq.FileUploader({
            action: "{% url ... %}",
            element: $('#file-uploader')[0],
            multiple: true,
            onComplete: function(id, fileName, responseJSON) {
                if(responseJSON.success) {
                    alert("success!");
                } else {
                    alert("upload failed!");
                }
            },
            onAllComplete: function(uploads) {
                // uploads is an array of maps
                // the maps look like this: {file: FileObject, response: JSONServerResponse}
                alert("All complete!");
            },
            params: {
                'csrf_token': '{{ csrf_token }}',
                'csrf_name': 'csrfmiddlewaretoken',
                'csrf_xname': 'X-CSRFToken',
                'iID': '{{ itemID }}',
                'received': $('letter_received').val(),
                'is_company': $('letter_is_company').val(),
            },
        });
    });
</script>

唯一的问题是我想将额外的GET值传递给服务器。我已经尝试了上述内容，但脚本在页面打开时执行，而不是在值更改时执行。在上面的链接“发送其他参数”下，作者建议使用以下代码在运行时添加其他值：

uploader.setParams({
   anotherParam: 'value'
});

我只是不知道如何访问uploader变量。以下面的例子为例：

<button onclick="update_uploader(1,0)">
...
<script>
    function update_uploader(received,is_company) {
        uploader.setParams({
            received: received,
            is_company: is_company
        });
    }
</script>

由于范围问题，我无法访问uploader。 [是的，我尝试在uploader之外声明$(function(){，但它打破了上传者:(]

有什么想法吗？

Answer 1

将var uploader更改为uploader。这将使您的变量成为全局变量。

Answer 2

代码中的上传器是一个局部变量，如果你想在de function（）之外访问这个变量，你必须将updloader声明为全局变量（但这几乎不会推荐，但确实超出了范围）。要解决您的问题，只需更改：

var uploader = new qq.FileUploader({
        action: "{% url ... %}",
        ....
});

到

window.uploader = new qq.FileUploader({
        action: "{% url ... %}",
        ....
});

然后上传器将在页面中全局可用。

Answer 3

您不需要将此代码放在jQuery $（function（）{block。删除代码中的第一行和最后一行应该有效。

我如何访问这个jQuery变量？

3 个答案: