How can I call image from global js?

Question

My global js here :

...\\htdocs\\mysystem\\public\\js\\main.js

The code like this :

$(function(){
    ...
    $('#loading').html('<img class="displayed" src="{{asset("img/loading.gif")}}">');
    ...

I put the image here :

...\\htdocs\\mysystem\\public\\img\\loading.gif

When executes, it not success call the image and no error

How can I solve this problem?

Answer 1

Correct the path to the image like this:

 $(function(){ ... $('#loading').html('<img class="displayed" src="../img/loading.gif">'); ... 

Update: Are the parsers necessary? Within the provided context it is not clear whether you need them.

Answer 2

Try below code, if not worked then let me know the error/cause.

var imagePath = '{{asset("img/loading.gif")}}';
$('#loading').html('<img class="displayed" src="'+imagePath+'">');