如何从vuejs中的url（图像）获取文件类型对象

Question

我确实有一个图像 url 让我们说http://localhost/sample.jpg。我想File在创建组件时将此图像 url 保存到对象类型中。我如何使用本机 js api 实现此目的？

export default {

  created () {

    const imageUrl = 'http://localhost/sample.jpg'

    const file = this.getFileFromUrl(imageUrl)

  },

  methods: {

    getFileFromUrl (url) {

      // ... what should i return?

    }

  }

}

Answer 1

执行此操作的一种简单方法是使用fetch.let url = '...'fetch(url)  .then(response => response.blob())  .then(blob => {    ...  })拥有 blob 后，您可以将其转换为文件。