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上