Python Flask 模板使用 {{}} 不能混合 javascript var
Python Flask templates use {{}} can't mix javascript var
这是我的问题。PictureLenth 是我的图片数组长度,ProductImage 是一个列表。我现在不能使用将我的阵列地址指向产品图像。如何在 {{}} 上使用 javascript var?
lenth = {{ PictureLenth }}-1;
now = 0;
function t_setInterval() {
window.intervalParam = window.setInterval(function() {
var date = new Date();
if (lenth>now)
{now = now + 1;}
else
{now = 0;}
var img = document.getElementById("image");
img.src="data:image/png;base64, {{ ProductImage[now] }}";
return false;
}, 4000);
}
这是因为Jinja在服务器端运行时没有任何now
访问权限,当JavaScript在客户端运行时,字符串是静态的,永远不会改变。 解决方案是使用 Flask 的 tojson
过滤器将ProductImage
作为 JavaScript 变量提供:
var images = {{ ProductImage | tojson | safe }},
length = images.length - 1,
now = 0;
function t_setInterval() {
window.intervalParam = window.setInterval(function() {
if (length > now) now = now + 1;
else now = 0;
var img = document.getElementById("image");
img.src = "data:image/png;base64, " + images[now];
return false;
}, 4000);
}
lenth = {{ PictureLenth }}-1;
now = 0;
function t_setInterval() {
window.intervalParam = window.setInterval(function() {
var date = new Date();
if (lenth>now)
{now = now + 1;}
else
{now = 0;}
var ProductImage = {{ProductImage|safe}};
var img = document.getElementById("image");
img.src="data:image/png;base64,"+ProductImage[now];
return false;
}, 4000);
}
相关文章:
- JSON.parse没有'不能使用Javascript
- javascript扫雷器floodfill算法不能正常工作
- JavaScript指令不能像我想象的那样工作
- javascript没有´我不能在joomla 3.0中工作
- 用javascript将script元素附加到头部;铬不能工作
- 我不能使用变量作为javascript参数
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 刷新GoogleMaps tile服务器可以使用JavaScript,但不能使用GWT
- 如何使用 javascript 按列对表进行排序?不能在这里使用 jquery.我正在使用javascript从xml文
- Javascript赢得'不能在IE上编译,但可以在Chrome上运行
- 不能在javascript innerHTML中具有类
- 用户名输入如果其他块不能正常工作/Javascript-jQuery-AJAX
- Javascript字母选择没有'我不能在谷歌浏览器上工作
- Javascript不能在一个命令中使用函数参数
- javascript don't不能按id找到每个元素
- 变量只能在函数中局部工作,不能全局工作-Javascript
- 为什么我不能在FancyBox中使用javascript变量
- 引导程序's的javascript在本地工作,但在部署到服务器时不能工作
- Javascript可以在chrome中使用,但不能在其他浏览器中使用
- JavaScript while循环没有'不能在有条件的情况下工作