Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Проблема с imagesPreview (https://javascript.ru/forum/library-toolkit-framework/70488-problema-s-imagespreview.html)

рони 09.09.2017 00:08

deatlink,
похоже порядок зависит только от имени файла.

рони 09.09.2017 00:19

deatlink,
может appendTo заменить на prependTo, больше пока мыслей нет, смотрите код выше.

deatlink 09.09.2017 00:56

спс помогло

deatlink 09.09.2017 01:05

только если я дополняю

$($.parseHTML('<br><br><img style="width:200px; margin:0 10px;float: left;"><input style="width:300px;height: 23px;" name="imgtitle[]" type="text" placeholder="тайтл" /><input style="width:300px;height: 23px;" name="imgalt[]" type="text" placeholder="альт" /><br><div style="clear:both;"></div>')).prependTo(placeToInsertImagePreview);

то при отправке POST он почему то вставляет значение для нижнего (последнего фото) т.е. не для него выводяся поля доп input...

рони 09.09.2017 01:10

Цитата:

Сообщение от deatlink
только если я дополняю

не понимаю, не могу помочь

deatlink 09.09.2017 01:13

У вас есть скайп? или ICQ? напишите в личку, очень нужна помощь... по этому поводу... буду благодарен...

рони 09.09.2017 01:22

deatlink,
может вы так хотите?
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css"> .gallery img{
    height: 100px;
    width: auto;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    var imagesPreview = function(input, placeToInsertImagePreview) {
        var count = 0;
        var arr = [].map.call(input.files, function(src, i) {
            count = i + 1;
            var reader = new FileReader;
            reader.onload = function(event) {
                arr[i] = event.target.result;
                count--;
                if (!count) arr.forEach(function(src) {

                $($.parseHTML('<br><br><img style="width:200px; margin:0 10px;float: left;" src="'+src+'"><input style="width:300px;height: 23px;" name="imgtitle[]" type="text" placeholder="тайтл" /><input style="width:300px;height: 23px;" name="imgalt[]" type="text" placeholder="альт" /><br><div style="clear:both;"></div>')).prependTo(placeToInsertImagePreview);
                   /* $("<img>", {
                        src: src
                    }).prependTo(placeToInsertImagePreview)*/
                })
            };
            reader.readAsDataURL(src);
            return reader
        })
    };
    $("#gallery-photo-add").on("change", function() {
        imagesPreview(this, "div.gallery")
    })
});
  </script>
</head>

<body>
<div class="gallery"></div>
<input id="gallery-photo-add" name="" type="file" multiple="">
</body>
</html>

deatlink 09.09.2017 10:12

Да, но почему-то если я загружаю 3 картинки и заполняю эти два инпута первому, то после сохранении (заливки в базу) он применяет к последней

рони 09.09.2017 10:23

deatlink,
вам наверно нужен, специалист по серверу

deatlink 09.09.2017 10:34

Вы думаете эта проблема уже в php?


Часовой пояс GMT +3, время: 05:38.