分别通过img标签和js判断图片地址是否有效

188 阅读1分钟

通过img标签判断:

    <img
         src="https://image.hezongyy.com/pcimage/119img/119xcImg/live_cover_img1.png"
         @error="() => {console.log('地址无效调用');}"
         @load="() => {console.log('地址有效调用');}"
      />

通过js判断:

is_img_url4(imgurl) {
//imgurl图片地址
      let that=this
      let prib =0
      imgurl.map((item)=>{
         new Promise(function(resolve, reject) {
            var ImgObj = new Image(); //判断图片是否存在
            ImgObj.src = item;
            ImgObj.onload = function(res) {
              prib=prib+1
              that.universeOfTips4=that.universeOfTips4+1
              //图片地址有效
            }
             ImgObj.onerror = function(err) {
             //图片地址无效
            }
        }).catch((e) => {}); // 加上这句不会报错(Uncaught (in promise))
      })
    },