怎么用js判断网络图片的后缀?

Question

由于有些网络图片是没有后缀的，所以不能通过后缀的形式来判断，比如http://daaa2a59-b91e-47ad-a059-a87a8919feb4.coding.io/placeholder.php?size=200x200&bg=dcdcdc&fg=333不知道怎么通过 js 来获取这张网络图片的 mime？

Answer 1

不跨域或者可以跨域的话

function getMime(dist) {

            return new Promise(function(resolve,reject) {

                var xhr = new XMLHttpRequest();

                xhr.open('GET', dist);

                xhr.responseType = 'blob';

                xhr.onreadystatechange = function() {

                    if(xhr.readyState == 4) {

                        if((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {

                            resolve(xhr.response.type);

                        }else{

                            reject();

                        }

                    }

                }

                xhr.send();

            })

        }

        getMime().then(function(type){

            console.log(type)

        },function(){

            console.log('rejct')

        });