如何从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 后，您可以将其转换为文件。