初次使用Base64转储文件小结

最新推荐文章于 2023-08-07 14:29:31 发布

微雨燕凝霜寒

最新推荐文章于 2023-08-07 14:29:31 发布

阅读量1.2k

点赞数 2

文章标签： angular java base64 加号被替换成空格

本文链接：https://blog.csdn.net/xu1227233860/article/details/77278186

版权

本文讲述了在Angular4项目中，前端上传图片至Java后端时遇到的Base64编码问题。后端在接收到Base64字符串并转换为文件时发现文件损坏。通过排查，发现Base64字符串中的加号被替换成空格导致问题，解决方案是在前端将加号替换为%2b，并在后端将空格恢复为加号。最终，经过两次替换，成功解决了图片无法正常显示的问题。

摘要由CSDN通过智能技术生成

这几天在工作上有个功能点是用户上传图片，后端再对图片进行保存。前端用的框架是Angular4，后端是JAVA的SSM。因为Angular的fileupload和业务场景有些相悖，并且一时也没有找到其他的更好的框架来实现。所以打算自己用原生来写，代码如下：

html code

fileResolver(files: File[]) {
    /** 创建临时性集合 */
    const _pic = new Array();
    /** 遍历传入的所有文件并解析 */
    for (let index = 0; index < files.length; index++) {
      const element = files[index];
      console.log(element);
      /** 初始化文件读取器 */
      const reader = new FileReader();
      /** 转换成数据流 */
      reader.readAsDataURL(elem