Mimic HTML-форму для размещения рисунка

Question

Как мне подражать HTML-формам «Обзор» и «Отправить», как это делается в facebook? Моя форма:

<form action="upload_file.php" method="post" 
    enctype="multipart/form-data"> 
    <label for="file">Filename:</label> 
    <input type="file" name="file" id="file" /> 
    <br /> 
    <input type="submit" name="submit" value="Submit" /> 
    </form> 

До сих пор я просто не могу сделать это традиционным способом. Но мне действительно нужно: Когда пользователь нажимает метку «Загрузить изображение» или что-то еще, он имитирует кнопку «Обзор» и при выборе изображения, которое он имитирует событиями «Отправить». Я не хочу показывать странные взгляды и кнопки отправки ... У тебя есть моя точка зрения?

Answer 1

Я использовал PLUpload для чего-то подобного в прошлом. Это прежде всего для больших файлов, но он делает просмотр и маскировку по вашему желанию. Я даже настроил JS для автоматической отправки после выбора изображения. Это не займет много времени, пока у вас есть основное понимание JS.

http://www.plupload.com/