Wie man Bild von statischer Akte von einer Javascript Funktion mit django lädt

Question

Ich habe ein Problem, wenn ich versuche, ein Bild von meinen statischen Akten zu erhalten, aber von einer Javascript-Funktion.

Hier ist mein Code für javascript:

<script type="text/javascript"> 
    var url_1 = '{% static "assets/img/stolovi/2.jpg" %}'; 

    function addimage1() { 
     var img = document.createElement("img"); 
     img.src = url_1; 
     img.height = 50; 
     img.width = 50; 
     img.draggable = true; 
     //optionally set a css class on the image 
     var class_name = "foo"; 
     img.setAttribute("class", class_name); 

     document.getElementById("myDiagramDiv").appendChild(img); 
     //document.body.appendChild(img); 
     $(img).draggable({containment:'#myDiagramDiv'}); 
     } 
</script> 

Wie kann ich dieses Bild in meiner addimage1 Funktion erhalten und es als img.src eingestellt?

Mein Skript-Tag ist in einem HTML-Tag, ich weiß nicht, ob das wichtig ist.

Answer 1

So funktioniert Ihr Code in den meisten Fällen gut. Ich denke, Sie haben möglicherweise ein Problem mit der Bibliothek, die Sie verwenden möchten. Hier ist ein ähnliches Arbeitsbeispiel.

https://jsfiddle.net/chrshawkes/4eaqpdsn/

<div id="myImage"> 

</div> 

<script> 
var url_1 = 'https://www.gravatar.com/avatar/1d42ea6e005a4160211f7b1957ce0a09/?default=&s=64'; 

function addimage1() { 
    var img = document.createElement("img"); 
    img.src = url_1; 
    img.height = 50; 
    img.width = 50; 
    //optionally set a css class on the image 
    var class_name = "foo"; 
    img.setAttribute("class", class_name); 

    document.getElementById("myImage").appendChild(img); 
} 

addimage1(); 
</script>