vue3+js如何将图片的url链接转换成file对象

王富婆

已于 2024-09-23 16:09:12 修改

阅读量764

点赞数 2

文章标签： javascript 前端开发语言

于 2024-09-23 16:07:08 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_69924839/article/details/142460926

版权

话不多说，几行代码就可以搞定～

 // 将url转成file对象
   const responseFile = await fetch(imgUrlPath, { mode: 'no-cors' });
   const blob = await responseFile.blob();
 // 从 URL 提取文件名
   const fileName = imgUrlPath.substring(imgUrlPath.lastIndexOf('/') + 1);
 // 将 Blob 转换为 File 对象
   const fileOne = new File([blob], fileName, { type: blob.type });
 // 打印 File 对象
   console.log(" File:", fileOne);

说明：imgUrlPath为存储图片url的变量

如果大佬有话要说，欢迎评论区留言哦～