Загрузка картинки
Всем доброго дня
Вывожу в цикле форму и несколько картинок. <form> @foreach($pictures as $item) <div class="picture col-md-3 col-sm-6"> <div class="image_single"> <img data="{{ $item->id }}" class="upload_img img-responsive" src="{{ asset(env('THEME')) }}/images/{{ $item->img }}" alt=""> </div> <input name="img" class="title_img form-control" type="text" value="{{ $item->img }}, {{ $item->id }}"> <input id="{{ $item->id }}" name="file[]" class="form-control image upload" type="file"> <a><input type="submit" value="Сменить картинку"></a> </div> @endforeach </form> При необходимости нужно сменить некоторые. Вот JS-скрипт function readURL(e) { var temp; temp = $(this).attr("id");// Получаем ID кнопки добавления картинки if (this.files && this.files[0]) { var reader = new FileReader(); $(reader).load(function(e) { $("img[data='temp']").attr('src', e.target.result); }); reader.readAsDataURL(this.files[0]); } } $(".upload").change(readURL); }); В таком виде скрипт не работает. Но если здесь $("img[data='temp']") сменить переменную temp на число (полученный ID), то все прекрасно работает. В чем может быть дело? Спасибо |
LingVist,
Попробуйте так $("img[data='" + temp + "']").attr('src', e.target.result); |
Большое спасибо, как все просто оказалось
|
Часовой пояс GMT +3, время: 16:59. |