img中的blob链接怎么识别MIME类型?

作者站长头像
站长
· 阅读数 11

<img src="blob:http://local.xxxx.test.com:8000/475de81c-4d41-40a3-b3fe-3d8ed1967673">

比如这个img资源,我想知道这个src的资源的MIME类型该怎么获取

回复
1个回答
avatar
test
2024-07-11
function getFileMimeType(url) {
  return new Promise((resolve, reject) => {
    var xhr = new XMLHttpRequest()
    xhr.open("GET", url)
    xhr.responseType = "blob"
    // 加载时处理
    xhr.onload = () => {
     // 获取返回结果
      blob = xhr.response.type
      console.log(blob);
      resolve(blob)
    }
    xhr.onerror = (e) => {
      reject(e)
    }
    // 发送
    xhr.send()
  })
}
// 换成blob链接试试
let blobUrl = 'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d62d4705a29549488d443045de14a4fe~tplv-k3u1fbpfcp-zoom-crop-mark:3024:3024:3024:1702.awebp'
getFileMimeType(blobUrl)
 .then((response)=>{
    console.log(response)
 })
 .catch((e)=>{
    console.error(e)
 })
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容