【Python】flask url_for()方法,在js文件中无法使用,以及flask相对路径的使用

url_for()方法在html文件中、html的<script></script>标签中都可以直接使用,在单独js文件中好像不能直接使用。

详细描述:【Python】flask url_for()方法,在js中如何使用 - H5W3

flask相对路径的使用:

比如我想在ndvi.html中使用 static中images的png图片,那么则需要这样使用:

<!--无效写法 -->
<img id="img" src="../images/2010_02.png"/>
<img id="img" src="/../images/2010_02.png"/>
<img id="img" src="/绝对路径/static/images/2010_02.png"/>

<!--正确写法 -->
<img id="img" src="/static/images/2010_02.png"/>

或者我想在showimg.js中更改ndvi.html中img的src属性,那么一定不能使用url_for,不起作用,

应该使用和上面👆一样的相对路径:

//无效写法,单独的js文件无法使用url_for()
var img = document.getElementById("img");
var path = "{{ url_for('static', filename='images/2010_01.png') }}";
img.src = path;
//这里如果输出img.src的值可以看到如下结果:
//  /%7B%7Burl_for('static',filename='images/2010_01.png')%7D%7D
//可以看到img.src的值为字符串,不是路径,并且一些符号也被更换了

//正确写法
var img = document.getElementById("img");
var path = "/static/images/2010_01.png","/static/images/2010_02.png";
img.src = path;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值