Laravel 4 - jquery로 이미지 설정

나는 내 서버에있는 모든 이미지를 보여주는 div가 있습니다. (DB에있는 모든 사진에 대한 URL과 일부 정보를 저장했습니다).Laravel 4 - jquery로 이미지 설정

<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>

내가 빈 HTML::image이 다른 사업부가있다 : 이것은 내 'DIV'입니다. 이전에 DIV에서 클릭 한 이미지로 채울 것입니다.

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

그리고 jQuery를 함께 노력하고있어 : 내가 채우려는 'HTML :: 이미지'입니다. 이건 내 코드입니다 : '/images/IMG_0010.jpg'와 같은

$('.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 반환 뭔가,하지만 난 내 HTML::image에로드 할 때 나는 어떤 반응을하지 않았습니다. 아마 내가 잘못하고있는 것 같아. 어떻게 생각해?

미리 감사드립니다.

출처

2014-09-02 JaviZu

변경 :

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

하려면 : 1

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

변경 :

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

사람 :

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

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

하고 images 폴더 public에있는 경우, 다음 /images/IMG_0010.jpg가 잘못된 위치에서로드하려고 :

http://localhost/images/IMG_0010.jpg

페이지 존재의 URL로 UPDATE

public 폴더가 앱의 웹 루트이고 이미지 URL이 정확하도록 앱의 가상 호스트를 정의 할 수 있습니다.

빠른 해결 방법이하는 것입니다 : 당신이 하나있는 경우, 페이지 또는 레이아웃의 머리에 어딘가 <base href="/webs/lara4/edu1/public/" />을하고 이미지의 URL에 선도적 인 슬래시를 제거합니다.

출처

2014-09-02 15:01:25 PeterKA

원본 코드는 내 것과 같습니다. 하지만 시도해 보면 내 'var ruta'는 '/images//IMG_0010.jpg'와 같은 것을 돌려줍니다. 따라서 두 번째 슬래시를 피하기 위해 코드를 변경했습니다. : S – JaviZu

콘솔 (dev 도구)을 확인하고 URL과 관련하여 오류가 있는지 확인할 수 있습니까? – PeterKA

내 콘솔이 아무 말도하지 않는다 ... 모든것이 괜찮은 것 같다 : ( – JaviZu

Laravel 4 - jquery로 이미지 설정

답변

관련 문제