通过javascript动态添加图片到django页面？

Question

我尝试通过Mapbox的API将图像添加到django页面，该API具有以下语法：

    new mapboxgl.Popup()
        .setLngLat(features[0].geometry.coordinates)
        .setHTML(" <img src=\"../images/location_icon.png\" />")
        .addTo(map);

不幸的是，这似乎不起作用。我认为，因为我们绕过模板的整个想法（通过动态添加图像），我不需要使用{%%}，但我并不完全确定。

我也试过这个，但无济于事：

.setHTML(" <img src='{%\"images/location_icon.png\"%}' />")

有人知道完成此操作的正确语法是什么吗？

Answer 1

我认为您必须使用AJAX。您将保留图片的html元素留空，直到AJAX获得响应，它将包含图像的路径，然后您使用JavaScript将图像渲染到其位置。

阅读AJAX，因为我并不确定我是否理解你的问题。