javascript - jasny 文件上传仅适用于 Chrome

Question

这简直要了我的命。 Jasny 出色的文件上传插件在 Chrome 中运行良好，但在 Firefox 和 IE 中单击“选择文件”按钮根本不起作用。实际上，在 Firefox 中我收到一条 jquery 错误消息:

[12:18:36.388] Empty string passed to getElementById(). @ https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js:3

我正在使用 Bootstrap 2.3.2 和 Jasny 的 bootstrap-fileupload (他现在似乎已将其重命名为 fileinput？)。

输入看起来很简单:

<div class="fileupload fileupload-new" data-provides="fileupload" data-name="user_profile_picture">
  <div class="input-prepend input-append">
<span class="add-on"><i class="icon-picture"></i></span>
<div class="uneditable-input span3"><i class="icon-file fileupload-exists"></i><span class="fileupload-preview"></span></div><span class="btn btn-file"><span class="fileupload-new">Select file</span><span class="fileupload-exists">Change</span><input type="file" name="user_profile_picture"></span><a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>

</div>
</div>

我确信我包含了 javascript 和 css(否则它在 Chrome 中无法工作)。我尝试从页面中删除尽可能多的内容，以防这是由于其他内容的错误造成的。页面上没有其他“fileupload”元素。我尝试从表单中删除验证。我还尝试使用 javascript 触发文件上传:

// handle our file uploader
$('.fileupload').fileupload({
    'name': 'user_profile_picture'
}); 

没有效果。

Answer 1

好吧，经过多次令人讨厌的调整后，我发现我的一个 css 文件导致它无法在 Firefox 中运行(怎么办？)

css 文件中唯一可能涉及的内容是以下设置:

input {
max-width: 100%; 
}

我添加了

.fileupload input {
max-width: none;
}

问题就消失了。让我感到困惑。