テンプレートのタグで値が壊れる

Question

マークをクリックすると複数のマーカーを表示できるアプリを開発しています。画像を表示する必要があります。

私の現在のコードは次のとおりです。

google.maps.event.addListener(marker, 'click', (function(marker, i) { 
    return function() { 
     infowindow.setContent(

      contentString = 
      '<div id="content">'+ 
      '<p>'+ 'sensor image:' +'<br/>' + 
      '<img src="{% static "test/imgs/sen1.jpg" %}">'+ 
      + '<br/>' + 
      'sensor light level :' + j[i][4] +'<br/>' + 
      'sensor battery level :' + j[i][5] + 
      '</p>'+ 
      '</div>' 
     ); 
     infowindow.open(map, marker); 
    } 
    })(marker, i)); 

と私が所望の出力を得る：

を！私はロードしたい画像の名前を含む配列、Jを持ってhttps://imgur.com/a/Q1lPU

は、以前私が

'<img src="{% static "test/imgs/'+ j[i][3] +'.jpg" %}">'+ 

を使用することによって、これはダイナミック作ってみました

'<img src="{% static "test/imgs/sen1.jpg" %}">'+ 

URLをハードコードしかし、私はエラーが発生しました.F12を使用すると表示されます。 localhost：8000/static/test/imgs/'％2B％20j％5Bi％5D％5B3％5D％20％2B'.jpg 404（見つからない）

a lo値sen1の代わりにtのゴミが生成されました。

なぜこのようなことが起こっているのか理解できず、助けてください。

Answer 1

は簡単試してみてください。

'<img src="/static/test/imgs/' + j[i][3] + '.jpg">' 

これは初回のみを実行するレンダリングので、あなたは、神社テンプレートに動的なレンダリングに使用することはできません。