如何从 URL 获取文件元数据

Question

如何从从 URL 字符串获取的文件中获取数据类型，例如： https://firebasestorage.googleapis.com/v0/b/MyApp.appspot.com/o/alertImgs%2Falert-1521356210850.jpg?alt=media&token=b6ad7e6e-1eb0-4e05-a11d-e59c8f1df365（只是一个例子）

当我使用 javascript 从 firebase firestore 获取 URL 时，我需要知道哪种数据类型的文件可以将其放在视频或图像标签上。

我怎样才能做到这一点？

我正在使用 ionic 3 和 firebase。

Answer 1

您可以解析 url 并获取 url 的最后一部分作为文件名，您可以从中获取文件扩展名并决定。

function getFileNameFromUrl(url) {
  var el = document.createElement('a');
  el.href = url;
  return decodeURIComponent(el.pathname).split("/").pop();
}

console.log(getFileNameFromUrl("https://firebasestorage.googleapis.com/v0/b/MyApp.appspot.com/o/alertImgs%2Falert-1521356210850.jpg?alt=media&token=b6ad7e6e-1eb0-4e05-a11d-e59c8f1df365"));