|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
02.04.2016, 16:30 | #1 |
Новичок
Джуниор
Регистрация: 17.12.2012
Сообщений: 1
|
Предварительный просмотр изображений в динамически создаваемом списке
Есть динамически создаваемая страница из БД, которая циклом выводит картинки, добавленные пользователем.
На этой странице пользователь может заменить любую свою картинку на новую (с последующей перезаписью в БД) Код HTML:
foreach($Items as $item){ ... <div class="my_image"> <p><label class="grey" >Изображение:</label></p> <div><img alt="" id="image_preview" src="<?=$item["image"]?>"/></div> <div><input id="image" type="file" name="uploadimage"></div> </div> ... } Есть JS код для предосмотра изображений Код HTML:
$('#image').change(function() { var input = $(this)[0]; if ( input.files && input.files[0] ) { if ( input.files[0].type.match('image.*') ) { var reader = new FileReader(); reader.onload = function(e) { $('#image_preview').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } else console.log('is not image mime type'); } else console.log('not isset files data or files API not supordet'); }); |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Предварительный просмотр в 2010 | RAN. | Microsoft Office Word | 7 | 19.12.2011 11:30 |
Предварительный просмотр | kettanaito | Работа с сетью в Delphi | 4 | 11.08.2011 16:19 |
Предварительный просмотр | Михаил Юрьевич | Общие вопросы Delphi | 3 | 27.10.2009 08:07 |
Предварительный просмотр в админке | Jensi | PHP | 6 | 12.03.2009 21:52 |
Печать и предварительный просмотр | Alexoid | Win Api | 7 | 11.07.2008 11:39 |