Question

这绝对在这里杀了我。 Jasny的精彩文件上传插件在Chrome中运行良好，但在Firefox和IE中点击了＆＃34;选择文件＆＃34;按钮根本不做任何事。实际上，在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中运行）。我尝试尽可能多地从页面中删除这可能是由于其他内容出错而导致的。没有其他＆＃39; fileupload＆＃39;页面上的元素。我已尝试从表单中删除验证。我还尝试使用javascript：

触发fileupload

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

无济于事。

Answer 1

好吧，经过多次讨厌的调整后，我发现我的一个css文件导致它无法在Firefox中运行（如何？）

css文件中唯一可能涉及的设置是：

input {
max-width: 100%; 
}

我添加了

.fileupload input {
max-width: none;
}

问题已经消失。让我感到困惑。

jasny文件上传仅适用于Chrome

1 个答案: