どうすればjavascriptでイメージを置き換えることができますか？このような

Question

マイビュー：このような

<li id="thumbnail-view" class="count-photo"> 
    <div class="thumbnail"> 
     <img src="{{ asset('img/thumbs/'.$photo) }}" alt=""> 
     <a href="javascript:" class="thumbnail-check"><span class="fa fa-check-circle"></span></a> 
     <ul class="list-inline list-edit"> 
      ... 
     </ul> 
    </div> 
</li> 

私のjavascript：

var photo = 'flower.jpg'; 
var res = `<img src="{{ asset('img/thumbs/'+photo) }}" alt="">` 
$('#thumbnail-view img').html(res); 

javascriptのコードが実行された場合、私は

が、私はそのようにしてみてください画像を変更したいのですが、それがありません役に立たない

どうすればいいですか？

Answer 1

は、画像の内側のHTMLを設定し、そのsrcプロパティを設定しないでください。

$('#thumbnail-view img').prop("src", "{{ asset('img/thumbs/') }}"+photo); 

追記：これは.jsファイルである場合は、パスをハードコードまたは他の場所からそれをつかむ必要があるので、あなたのテンプレートエンジンは、おそらく資産タグを処理しません。

$('#thumbnail-view img').prop("src", "/assets/img/thumbs/"+photo); 

Answer 2

簡単な方法

var photo = 'flower.jpg'; 
$('#thumbnail-view img').attr('src', photo); 

Answer 3

あなたはこのように使用する必要があります！ $('#thumbnail-view img').attr('src','path/to/photo');