Кнопка загрузки файла Blueimp jQuery Запуск

Question

Это звучит довольно elemetary, но я не могу найти пример кода для загрузки файла Blueimp jQuery, который делает окно ввода файла по умолчанию браузера (тот, который говорит «Выбрать файл ...» и «Обзор»). скрывается и вместо этого запускает диалог с помощью кнопки. Может ли кто-нибудь показать мне, как это сделать?

Я попытался просто поместить элемент ввода внутри элемента кнопки, как показано в this demo, но он не работает в Firefox. Есть ли способ использовать jQuery для запуска диалога. Я не совсем уверен, почему это работает в Chrome, кроме кнопки «Обзор», выстраивается в очередь с кнопкой в ​​Chrome, но не в FF.

Вот что я пытаюсь сделать, по существу:

<button id="upload-button" class="btn btn-primary btn-large" type="button"> <input type="file" name="image" id="fileupload" multiple data-url=""/> Upload Images
</button><br>

Answer 1

Это звучит, как вы задать несколько вопросов здесь, так что я буду стараться решать их.

1. скрытый вход по умолчанию - на примере страницы here, вы можете увидеть, что его CSS ухаживает сокрытия входного файла элемента по умолчанию:

   .fileinput-button input { cursor: pointer; direction: ltr; font-size: 23px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: translate(-300px, 0px) scale(4); }

2. Как вызвать - есть в как минимум 2 способа сделать это:

   2.1 Основные конкретизация like so: $('#fileupload').fileupload();

   2,2 Прагматический путем связывания с другим события, в этом случае события изменения:

   $('#some-file-input-field').bind('change', function (e) { $('#fileupload').fileupload('add', { fileInput: $(this) }); });

   Это примеры также находятся на the API

Answer 2

Изменения кнопки элемента к промежутку (и просто стиль это как кнопка), как на плагине demo page.