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

发布时间:2023年12月28日
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)
    })

文章来源:https://blog.csdn.net/weixin_46479909/article/details/135266039
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。