javascript判断远程图片是否可以访问

一段路旁,地瓜叶正茂密地延伸着手脚,棱角分明的叶子颇有生趣,纵横交错的长藤生长着密密匝匝的叶子,团团簇簇地拥挤在一起,生机勃勃。绿色在膨胀,触目不由得一阵舒服,在感叹大自然植物的神奇与美妙里,也感谢阳光的无私赠与。

在前端做让用户输入远程图片地址并提交给后端的功能时,需要做一下远程图片是否可以访问的判断逻辑,以便用户提交的远程图片可以被访问到,这样后期处理图片时也省了好多的力气。那么我们今天就来说一下如何使用js在用户的浏览器中判断一个远程的图片地址是否可用的方法好代码教程。

js判断远程图片是否可用

使用 js的 Image 对象可以轻松加载远程图片,而不用担心跨越的问题!

js示例代码:

<script>
// 定义一个Image对象
var img = new Image();
// 为Image对象添加图片加载成功的处理方法
img.onload = function () {
    alert("远程图片存在!");
};
//
// 为Image对象添加图片加载失败的处理方法
img.onerror = function () {
    alert("远程图片不存在!");
}
// 开始加载图片,无论加载成功或失败都会有提示
img.src = 'https://www.feiniaomy.com/zb_users/upload/2020/09/20200904220537159922833780960.jpg';
</script>

ps:小提示

使用 jq 也可以判断一个图片是否存在,不过只能在同一个域名下使用,不然会出现跨域的问题,这里不再介绍,可以自行搜索相关的资料!

以上就是javascript判断远程图片是否可以访问。不要总是用伤感的眼光去看待自己的过去。过去的已经过去,过去的永远成为历史。无论你过去是怎样的辉煌,怎么样的快乐,也无论你过去是怎样的渺小,怎么样的哀痛!随着时光的流逝,这所有的一切都已经被历史岁所冲淡,甚至烟消云散了。唯一留下的仅是淡淡的回忆。更多关于javascript判断远程图片是否可以访问请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法