Изображения и загрузка в PHP

Question

Так что я знаю, как делать загрузку в php, особенно изображения. Я не знаю, как превратить изображение в такую ​​кнопку, чтобы щелкнуть по нему, чтобы затем вам было представлено диалоговое окно загрузки, которое позволяет загружать изображение (или другой файл).

Типичный способ сделать вход загрузки является: <input type="file" name="files[]" multiple />

Но как же я беру <img /> и превратить его в кнопку воображаемую загрузки?

Answer 1

Я хотел бы использовать JavaScript для этого, принцип, чтобы скрыть реальный вклад файла и «нажмите» он Использование JavaScript прилагается к изображению

вход позиционируется с экрана, если вы скрыть его (дисплей: нет) с помощью CSS, он не перестанет работать в некоторых браузерах

<input type="file" class="file-select" name="files[]" style="position:absolute; left:-9999px" /> 
<img class="file-button" src="https://storage.googleapis.com/cdn.bark.com/qa/b5dc2e3e/a61da61d/3185c5d0/d0bfa4e1/d7d2cff4/dd6dff79/00457b9a/1009914c/6cbe2b57/fb0d89c1/d292ac8a/d6800521/a797a21a/fe1de44a/ef665fad/f1d83fce/thumbnail_529621c60502a.jpeg"/> 

Тогда мы просто используем JavaScript, чтобы сказать, что, когда изображение будет нажата, «щелчок» на входе файла:

$('document').ready(function(){ 
$('.file-button').on('click', function(e){ 
    $('.file-select').click(); 
    e.preventDefault(); 
}); 

});

Смотрите эту JSFiddle для полной демонстрации:

http://jsfiddle.net/HhLzD/