javascript – So ermitteln Sie in js, ob ein Bild Base64 ist

Question

Mehrere IMG-Tags, jedes Tag hat eine andere Quelle,

Jetzt müssen wir eine unterschiedliche Verarbeitung für Bilder durchführen, deren Quelle Base64-codiert ist, und für Nicht-Base64-Bilder,

Wie soll JavaScript unterscheiden, ob das Bild Base64 ist?

Answer 1

BASE64码开头都是形如data:image/xxx;base64,xxxxxx...的，所以写个正则测试一下src就可以了

Answer 2

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

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

function validDataUrl(s) {
    return validDataUrl.regex.test(s);
}
validDataUrl.regex = /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*?)\s*$/i;

module.exports = validDataUrl;