js判断linux服务器的图片是否存在

系统：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上