Как я могу получить форму с опцией загрузки, которая не отображает путь к файлу?

Question

У меня есть форма, которая позволяет пользователям загружать изображения.он использует

<input name="imageupload" id="imageupload" type="file" /> 

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

Answer 1

Вот и мы!

<script type="text/javascript">
    $(function () {
        $('#btn-upload').click(function (e) {
            e.preventDefault();
            $('#file').click();
        });
    });
</script>

<style type="text/css">
    #file { display:none; } 
</style>

<div>
    <input type="file" id="file" name="file" />
    <button type="button" id="btn-upload">Image</button>
</div>

Answer 2

Для этого вам потребуется использовать Javascript.

В целях безопасности вы не можете изменить путь ввода файла (у нас не может быть злоумышленников, загружающих любой файл, который они захотят).

Но то, что вы могли бы сделать, - это создать новый текстовый ввод со значением, которое вы хотите показать, и расположить его сверху, если файл введен.Затем в обработчике отправки формы вы можете отключить ввод текста (чтобы его значение не отправлялось), отправить форму, а затем снова включить ввод текста.

Единственный недостаток этогоявляется то, что если пользователь щелкает внутри ввода текста, диалоговое окно «выбрать файл» не появится.Однако вы можете обойти это, связавшись с событием onfocus ввода текста и используя его, чтобы установить фокус на элемент ввода файла.