Question

有一个非常奇怪的问题我无法解决。

基本上我正在尝试将文件上传表单添加到现有的Web应用程序中。标记目前非常简单：

    <form action="#" enctype="multipart/form-data" method="post">
        <ul>
            <li>
            <label for="imageField"> Image File </label>
            <input id="imageField" type="file" />
            </li><li>
            <input type="submit" value="Submit Content" />
            </li>
        </ul>
    </form>

在头脑中，我包含两个脚本：

    <script type="text/javascript" src="MyAppLibs.js"></script>
    <script type="text/javascript" src="MyAppCore.js"></script>

MyAppLibs.js是几个库（knockout js, bootstrap, jquery的串联），仅举几例。 MyAppCore包含实际的应用程序逻辑，ko视图模型和websocket客户端。

发生的事情是这两个文件都包含在内，文件对话框没有出现在chrome和firefoxx中（在IE中工作正常）。

如果我删除其中的，则所有浏览器中的文件对话框都会正常显示。

试图调试它，控制台中没有错误，并且表格的css在两种情况下都是相同的。编辑我发现的连接步骤是我删除knockout-2.3.0.js该对话框也可以。

有关如何继续调试此问题的任何建议？我搜索了这些库，我自己的代码无法找到修改input type='file'元素的内容。

Answer 1

罪魁祸首最终：

$(document).click(function(event) {
  if(event.which === 1) {
    event.preventDefault();
  }
});

不知道为什么我有那个或者解决了什么问题（我想当我添加对触摸设备的支持时）。为什么评论出已编译的库也解决了问题仍然是一个谜，可能与hammer js

有关

感谢GôTô的建议

文件上传表格被javascript打破

1 个答案: