图片的base64格式转文件并给后端传参

文哈哈wcx

于 2023-09-07 09:42:15 发布

阅读量380

点赞数

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

本文链接：https://blog.youkuaiyun.com/weixin_61977924/article/details/132730873

版权

本文介绍了如何将Base64编码的数据转换为文件，并使用FormData对象处理表单数据提交，展示了在Web开发中常见的数据传输技术应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.base64转文件

 // const res =

    //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACWAAAAUECAYAAABYiCtWAAAAAXNSR0IArs4c6QAAIABJREFUeF7s3Qm852P9///HNTPGTnZKMgdJJWlTkZlJKUmWlCXSkW8kLVJKhVKivkmWRMW0KLQoRf8Wmhki+n1LUslXZqgs2ZeYhTnX//aark/ft7fPdtY5y+O63eYWn3O9r/d13d/vw4zz7PVKOBRQQAEFFFBAAQUUUEABBRRQQIFRKjBnXr4DWL/V9hLMzbAFsG5OHD5zWvrCKD2K21JAAQUUUEABBRRQQAEFFFBAAQUUUECBcSqQxum5PJYCCiiggAIK';

    const binaryData = atob(res.split(',')[1]);

    const uint8Array = new Uint8Array(binaryData.length);

    for (let i = 0; i < binaryData.length; i++) {

      uint8Array[i] = binaryData.charCodeAt(i);

    }

    const blob = new Blob([uint8Array], { type: 'image/png' });

    return blob;

2.用new FormData()处理传参