bigyan sahoo Ответов: 2

Загрузка файлов не работает в mozila firefox.


Я разработал элемент управления Fileupload внутри кнопки. Это woking finr в Google Chrome, и загрузка файлов и сохранение всего работает отлично.

Но когда я хочу просмотреть любой файл в Mozila Firefox, контроль загрузки файлов не работает.

Вот мой код.

<td class="TableSix">
                                                <button type="button" class="TableThree" style="position: relative;">
                                                    <asp:FileUpload ID="btnGovt_Id_Upload" runat="server" placeholder="BROWSE" class="TableThree" Style="width: 100%; opacity: 0.0; color: #c4c4c4; position: absolute;" />
                                                    BROWSE</button></td>





Спасибо

Bigyan Саху

Что я уже пробовал:

Когда я удаляю кнопку, то она работает нормально, но когда я использую кнопку для стиля, то она не работает в Firefox.

Tushar sangani

Почему вы используете кнопку вне контроля загрузки файлов??

F-ES Sitecore

Это не файловая загрузка, которая не работает в Firefox, это ваши попытки стилизовать ее и встроить, которые не работают, поэтому ваш заголовок немного вводит в заблуждение.

bigyan sahoo

Я хочу, чтобы элемент управления загрузкой файлов выглядел как кнопка с текстом в виде обзора.

bigyan sahoo

Я хочу, чтобы элемент управления загрузкой файлов выглядел как кнопка с текстом в виде обзора.

2 Ответов

Рейтинг:
17

Richard Deeming

Когда вы вложите элемент управления в <button>, эта кнопка получает щелчок и не передает его невидимому элементу управления загрузкой файлов.

Попробуйте вложить его в <label> вместо:
Взбивание входных файлов в форму с помощью Bootstrap 3 · красивый сайт[^]

<label class="btn btn-default btn-file">
    Browse <input type="file" style="display: none;">
</label>

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


В качестве альтернативы можно использовать готовый плагин - например: Ввод Файла Начальной Загрузки[^]


Рейтинг:
1

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Цитата:
Я хочу, чтобы элемент управления загрузкой файлов выглядел как кнопка с текстом в виде обзора.
Тогда вам придется использовать поддельные элементы управления.

Итак, скройте фактический элемент управления загрузкой файлов, а на другой кнопке нажмите событие, просто нажмите элемент управления загрузкой файлов динамически с помощью JavaScript/jQuery.