javascript - 将变量从 javascript 传递到 django 模板

Question

我想从客户端发送一个字符串值作为 javascript 变量以在 django 模板中使用。具体来说，该字符串是图像的相对路径，它将在 django 模板中使用，并且 django 模板标签为 static。静态文件位于 Amazon S3 上，应使用 django 模板的静态标签提供服务。

在 django 模板中，我需要来自 javascript 的变量 photo_url。

<img class = "main-img" src = "{% static photo_url %}" alt="main photo" />

现在，在javascript中，我已经嵌入了一个span的innerhtml，其中photo_url作为照片的相对url(/static/images/abc.png):

<img class = "main-img" src = ' + photo_url + ' alt="main photo" />

但是这样，即使我在 javascript 的 insidehtml 中包含静态标签，我也无法从 S3 提供静态文件。最好的方法是什么(将 javascript 变量传递给 django 模板)？

Answer 1

{% static %} 只是一个方便标记，您可以随时对静态网址进行硬编码。
您将无法在 {% static %} 标记中使用 js 变量(无论是附加它们还是无论如何)，因为 js 会与 html 一起渲染而无需任何处理。