javascript 判斷字符串是否是圖片路徑

1、正則匹配url后綴名，簡單，適用性差，答案樓上都是；
2、監(jiān)聽img的error事件，不管后綴名什么樣，只要url放在img的src里能加載成功就算，適用性強；

let strArr = [
  "http://www.baidu.com",
  "https://static.segmentfault.com/v-5ab0701d/global/img/social-icons/icon-sn.svg",
  "https://sfault-avatar.b0.upaiyun.com/151/837/1518375183-54f135ef0d731_small"
];

function getPromises(src) {
  let img = document.createElement("img");
  img.src = src;
  return new Promise(function(resolve, reject) {
    img.onerror = () => {
      resolve(undefined);
    };
    img.onload = () => {
      resolve(src);
    };
  });
}

Promise.all(strArr.map(src => getPromises(src))).then(data => {
  console.log(data);
  //  [
  //   undefined,
  //   "https://static.segmentfault.com/v-5ab0701d/global/img/social-icons/icon-sn.svg",
  //   "https://sfault-avatar.b0.upaiyun.com/151/837/1518375183-54f135ef0d731_small"
  // ];
});

這里就把不能作為img的src的url置為undefined

寫了一個正則，這個應(yīng)該不錯：

function check_is_img(url) {
  return (url.match(/\.(jpeg|jpg|gif|png)$/) != null)
}

唉，直接截取格式進(jìn)行判斷阿

var url = 'http://www.baidu.com ';
var sub = url.substring(url.length-1,url.lastIndexOf('.'));
if(sub === '.com' || sub === '.cn'){
console.log('是的，這個是網(wǎng)址')
}else{
console.log('是的，這個是圖片')
}

好像不是圖片路徑的也可以是圖片。對于網(wǎng)址來說圖片只是一種輸出方式。和路徑無關(guān)吧

想到webpack對于圖片的打包有感。
正則

圖片正則
const PICTURE_EXPRESSION = /\.(png|jpe?g|gif|svg)(\?.*)?$/
const picReg = new RegExp (PICTURE_EXPRESSION)
url正則
const URL_REGULAR_EXPRESSION = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/
const objExp = new RegExp(URL_REGULAR_EXPRESSION)
進(jìn)行你的判斷吧~

const url = 'http://www.xxxx/xxx/abc.png';

if(/.(png|jpg|jpeg|gif)$/g.test(url)) {
    //為圖片
} else {
    //不是圖片
}

url.split('.')[1]=='png'||url.split('.')[1]=='jpg'

其他圖片自己加