如何在网络上找到文件网址的 MIME 类型

Question

有没有办法检查我从 URL 加载的文件是图像还是视频。

如何区分图像类型和视频类型并在我的网页上相应地解析它们。

我正在使用 next.js 并想在我的网络应用程序上创建 nft 预览。

Answer 1

这里有两种不同的方法使用 fetch()。

第一种方法从“Content-Type”标头获取 MIME 类型，看起来要快得多，第二种方法从 blob 获取。

var Img='https://upload.wikimedia.org/wikipedia/commons/a/aa/SmallFullColourGIF.gif';


function GetMimeTypeTest(URL){

 fetch(URL).then(response=>{T1.innerHTML=response.headers.get('Content-Type');}).catch(error=>{alert(error);});

 fetch(URL).then(function(response){return response.blob();}).then(function(blob){T2.innerHTML=blob.type;});

}

运行测试...

GetMimeTypeTest(Img);

HTML 容器来获取结果...

<div id="T1"></div>

<div id="T2"></div>