отображение изображения после выбора файла перед загрузкой

Question

как можно после выбора изображения и перед загрузкой (до вставки в базу данных) отобразить изображение?

этот код не отображает изображение:

var a = $('<img src="' + g.STRING.selected.replace('$file', v) + '" alt="Angry face" width="50" height="50" />'),

<input type="file" name="image' >

С уважением

Answer 1

Я думаю, что вы можете проверить этот учебник (смотрите раздел "Новая горячность") для решения jQuery

Answer 2

Существует много функций JavaScript, написанных для отображения изображения на странице с использованием response.write, и все эти методы, все, что вам нужно сделать, это выполнить поиск в Google.

но почему вы хотите сделать отображение на стороне клиента? даже Yahoo или многие известные сайты не обрабатывают изображение рендеринга таким образом ... они загружают изображение во временную базу данных, и если пользователь подтверждает, что оно будет скопировано в постоянную базу данных.

без проверки на стороне сервера вам нужно много строк кода java-скрипта, которые могут работать по-разному в разных браузерах.

надеюсь, я тебе немного помог

Answer 3

Вы можете использовать HTML5 File API ( tutorial ) для отображения выбранного файла. Лучше всего, вероятно, использовать FileReader для получения dataURL файла и присвоить его src из img.