1

这绝对是在杀死我。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 中不起作用）。我已经尝试从页面中删除尽可能多的内容，因为这可能是由于其他内容的错误造成的。页面上没有其他“文件上传”元素。我试过从表单中删除验证。我也试过用javascript触发文件上传：

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

无济于事。

4

1 回答 1

0

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

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

input {
max-width: 100%; 
}

我添加了

.fileupload input {
max-width: none;
}

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

于 2014-03-20T20:27:44.503 回答