JS-将网络图片地址转换为File对象

import axios from 'axios'

async function imageUrlToFile(url, fileName) {
  try {
    // 第一步:使用axios获取网络图片数据
    const response = await axios.get(url, { responseType: 'arraybuffer' })

    // 第二步:将图片数据转换为Blob对象
    const blob = new Blob([response.data], {
      type: response.headers['content-type']
    })

    // 第三步:创建一个新的File对象
    const file = new File([blob], fileName, {
      type: response.headers['content-type']
    })

    return file
  } catch (error) {
    console.error('将图片转换为File对象时发生错误:', error)
    throw error
  }
}

imageUrlToFile(图片链接, 图片名).then((file) => {
      console.log('File object:', file)
    })

猜你喜欢

转载自blog.csdn.net/weixin_46479909/article/details/135266039