Всем доброго дня
Вывожу в цикле форму и несколько картинок.
<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), то все прекрасно работает.
В чем может быть дело?
Спасибо
