Как разработать “входной файл” с CSS3 / JavaScript? [дубликат]

Этот вопрос уже имеет ответ здесь:

Я хотел бы разработать использование CSS3.

С другой стороны, я хотел бы, чтобы пользователь нажал на a div (что я разработаю), и это откроет окно Browse.

Это возможно сделать то использование HTML, CSS3 и JavaScript / jQuery только?

35
задан Misha Moroshko 12 July 2010 в 05:55
поделиться

1 ответ

У меня есть примерный пример, который вы, возможно, захотите получить ...

html

<div id="file">Chose file</div>
<input type="file" name="file" />​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS

#file {
    display:none;
}​

jQuery

var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
var fileInput = $(':file').wrap(wrapper);

fileInput.change(function(){
    $this = $(this);
    $('#file').text($this.val());
})

$('#file').click(function(){
    fileInput.click();
}).show();

demo

51
ответ дан 27 November 2019 в 06:38
поделиться
Другие вопросы по тегам:

Похожие вопросы: