Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.04.2016, 16:30   #1
alexiustx
Новичок
Джуниор
 
Регистрация: 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');
});
но этот код работает только для первой картинки цикла. Помогите этот код усовершенствовать, чтобы работал для всех картинок цикла.
alexiustx вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Предварительный просмотр в 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