js判断linux服务器的图片是否存在
程序员文章站
2022-06-10 20:27:45
...
系统:linux
项目:Flask框架下的WEB应用
遇到问题如下:
在做项目的时候遇到,想要判断页面上本该显示图片的位置的图片是否存在,把不存在的所有图片ID(唯一)记录下来。后台会传入图片的id队列到前端。用的是最基本的flask框架传参方法(这个大家都懂)
前端代码如下:
//下面这种{}写法是jinjia2的语法,sales可以理解为是一串的图片id
{% for sale in sales %}
//jinjia2里面的取值操作{{}}
<img id ="{{sale}}" data_src="/static/images/{{ sale }}.jpg" alt="没有图片" width="80">
<script type="text/javascript">
$(function(){
$('#{{ sale }}').hover(function(){
$(this).attr("src",$(this).attr('data_src'))
});
})
</script>
{% endfor %}
逻辑很简单:后台传入的sales用for循环遍历,设置一个显示图片html的代码,在本该是src的位置输入data_src(目的是为了下面js的重新赋值)然后当鼠标移动到图片位置的时候,开始进行判断
通过ajax的局部刷新功能,访问服务器相对位置的图片,如果有则就是图片本身的id赋值到图片src上
上一篇: 【转】Java的IO详解
下一篇: C#中如何判断电脑上的某个文件是否存在