загрузка файла jasny работает только в Chrome

Меня вот это вообще убивает. Замечательный плагин 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 и bootstrap-fileupload от Jasny (кажется, теперь он переименовал его в 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'
}); 

Но безрезультатно.


person Matt Brunmeier    schedule 20.03.2014    source источник


Ответы (1)


Что ж, после долгих неприятных настроек я обнаружил, что один из моих файлов css не работает в Firefox (как?)

Единственная вещь в файле css, которая могла иметь отношение, это настройка для:

input {
max-width: 100%; 
}

я добавил

.fileupload input {
max-width: none;
}

и проблема ушла. Цвет меня смутил.

person Matt Brunmeier    schedule 20.03.2014