文章/答案/技术大牛

发布

社区首页 >问答首页 >在phoenix中引用正确的静态文件

问在phoenix中引用正确的静态文件
EN

Stack Overflow用户

提问于 2018-03-21 20:44:00

回答 1查看 825关注 0票数 4

在phoenix项目中，我可以使用以下命令在css文件中引用摘要img：

background-image: url("/images/phoenix.png");

并且引用了：

http://localhost:4000/images/phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png?vsn=d

我想引用相同的文件，但使用javascript添加的图像src如下：

document.querySelector('#my-img').src = '/images/phoenix.png';

但这只是参考：

http://localhost:4000/images/phoenix.png

如何将phoenix端点配置为提供已摘要的img文件？

(我希望此功能用于更新缓存文件)

caching

elixir

phoenix-framework

回答 1

Stack Overflow用户

发布于 2018-04-04 04:37:06

由于您事先知道图像文件，因此可以使用javascript变量并将该值设置为该图像文件的URL，然后在脚本中使用它

在您的.eex模板中类似于以下内容：

<script>
 // using static_path(@conn, "/path/to/asset") will give the digested file url
 var disgestedImageUrl ="<%= static_path(@conn, "/images/phoenix.png") %>";
</script>

然后让脚本使用.js文件中的URL

<script>
  document.querySelector('#my-img').src = digesterImageUrl;
</script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49406666

复制

相似问题

问在phoenix中引用正确的静态文件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在phoenix中引用正确的静态文件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在phoenix中引用正确的静态文件
EN