欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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上

相关标签: javascript ajax