javascript - js怎麼判斷一個圖片是不是base64

Question

多個img標籤，每個標籤的src都不一樣，

現在需要分別對src為base64編碼的和非base64的圖片做不同的處理，

javascript應該如何區分該圖片是不是base64的？

Answer 1

BASE64碼開頭都是形如data:image/xxx;base64,xxxxxx...的，所以寫個正則測試一下src就可以了

Answer 2

雷雷

Answer 3

非base64圖片都是URL位址嗎

Answer 4

直接根據src開頭來匹配就行

$('img').each((i,item)=>{
    let src = item.src
    if(src.indexOf('data:image')>-1){
        // base64 图片操作
    }else{
        //path 图片操作
    }
})

Answer 5

要用startWith，這樣效率高：

$('img').each((i,item)=>{
    let src = item.src
    if(src.startWith('data:image')){
        // base64 图片操作
    }else{
        //path 图片操作
    }
})

Answer 6

雷雷