使用 blueimp 上传错误文件

Question

我正在尝试通过 blueimp 文件上传来上传文件。我使用非常简单的代码进行测试，但代码不起作用。在 firefox 错误控制台中有两个错误

• 错误：TypeError：$.ajaxTransport 不是函数

• 错误：TypeError：$.support 未定义

这是我的代码

<input id="fileupload" type="file" name="picture"/>
<input type='button' id='sub'/>


$('#sub').click(function () {
$('#fileupload').fileupload({
    url: 'php/index.php',
   // dataType: 'json',
    done: function (e, data) {
        $.each(data.result.files, function (index, file) {
            $('<p/>').text(file.name).appendTo(document.body);
        });
    }
});
});

点击按钮后出现另一个错误

• 错误：TypeError: $(...).fileupload 不是函数

  这意味着插件功能不起作用。请帮助。提前谢谢。

Answer 1

所以我对 jquery 还是很陌生，但我在尝试使用相同的插件时遇到了同样的错误。查找 ajaxTransport 并发现它实际上是 jquery 中的一个函数，这让我很好地猜测我使用的是旧版本的 jquery。果然：VS2010并没有更新它的jquery，所以如果你在VS中新建一个项目，你会得到jquery-1.4.1。 jquery 现在升级到 1.10.0 版本。将我的项目更新到那个版本，错误消失了，我的服务器端代码被成功调用。

Answer 2

在浏览器中按 F12 并查看网络选项卡以查看刷新页面时正在加载哪些脚本。在我的情况下，我加载了两次 jquery，删除其中一个为我解决了问题。