如何使用django从静态文件加载静态文件?

I have a problem when trying to get a picture from my static files, but from a javascript finction.

当我试图从我的静态文件中获取图片时，我遇到了一个问题，但是从javascript构造中。

Here is my code for javascript:

下面是我的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>

How can I get that picture in my addimage1 function and set it as img.src?

如何在addimage1函数中获得该图并将其设置为img.src?

My Script tag is inside a html tag, I don't know if that is important.

我的脚本标记在html标记中，我不知道这是否重要。

1 个解决方案

#1

So for the most part your code is working just fine. I think you may have a problem with the library you are trying to use. Here is a similar working example.

所以在大多数情况下，你的代码运行得很好。我想你可能对你要使用的图书馆有问题。这里有一个类似的工作示例。

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>

1 个解决方案

#1

更多相关文章

随机推荐