Laravel 4 - установить изображение с помощью jquery

Question

У меня есть div, где я показываю все изображения, которые есть на моем сервере (я сохранил URL и некоторую информацию о каждой фотографии в моей БД). Это мой 'div':

<div class="row myImages" id="imagenesSubidas">
@foreach($imagen as $i)
@if(!file_exists('images/'.$i->ruta))
<div class="col-lg-3 col-sm-4 col-xs-6 thumb">
    <a href="" class="seleccionarImagen" id="{{ $i->id }}" data="{{ $i->ruta.$i->nombre }}">        
        {{ HTML::image($i->ruta.'/'.$i->nombre, '', array( 'width' => '100%', 'class' => 'img-responsive' )) }}     
    </a>
</div>
@endif
@endforeach
</div>

Есть еще один div, где у меня есть пустой HTML::image, Я бы заполнил его изображением, которое щелкнуло в DIV раньше. "HTML:: изображение", которое я хочу заполнить:

{{ HTML::image('/images/IMG_0004.jpg', '', array( 'width' => 200, 'id' => 'id_imagen_1', 'class' => 'show_imagen1' )) }}

И я пытаюсь это сделать с помощью jQuery. Это мой код:

$('.seleccionarImagen').click(function(e){
        e.preventDefault();
        var id = $(this).attr('id');
        var ruta = $(this).attr('data');
        $("#id_imagen_1").attr('src', ruta); // I try to load the image with that
     });

мой var ruta возвращает что-то вроде "/images/IMG_0010.jpg", но когда я пытаюсь загрузить его в свой HTML::image У меня нет никакого ответа. Вероятно, я делаю это неправильно... Есть идеи, как я могу получить это?

Заранее спасибо.

Answer 1

Изменить:

<a href="" class="seleccionarImagen" id="{{ $i->id }}" data="{{ $i->ruta.$i->nombre }}"> 

Для того, чтобы:

<a href="" class="seleccionarImagen" id="{{ $i->id }}" data-ruta="{{ $i->ruta . '/' . $i->nombre }}"> 

А потом поменяй:

var ruta = $(this).attr('data');

Для того, чтобы:

var ruta = $(this).data('ruta');

ОБНОВИТЬ

URL страницы:

 http://localhost/webs/lara4/edu1/public/actividads/create

и если ваш images папка находится в public, затем /images/IMG_0010.jpg пытается загрузить из неправильного места:

http://localhost/images/IMG_0010.jpg

Вы можете определить виртуальный хост для своего приложения, чтобы public папка является веб-корнем для приложения, и URL-адрес изображений будет правильным.

Быстрый обходной путь будет иметь: <base href="/webs/lara4/edu1/public/" /> где-нибудь в заголовке вашей страницы или макета, если он у вас есть, и удалите косую черту в URL-адресах ваших изображений.