在前端做让用户输入远程图片地址并提交给后端的功能时,需要做一下远程图片是否可以访问的判断逻辑,以便用户提交的远程图片可以被访问到,这样后期处理图片时也省了好多的力气。那么我们今天就来说一下如何使用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其它相关文章!