前端图片通过base64转码后发送到后端，后端接收不到这个参数的问题

嘴角扬起迷人的弧 2019-07-03 05:35:02

前后端具体交互逻辑：所有的参数按照json的格式封装在参数p中base64转码传递给后端，后端通过base64解码再json还原各个参数。
原本图片文件就有1M多很大然后经过base64转码又大了三分之一后继续按这种方式后端就收不到这个p参数了，之前测试用的一两百k的图片都可以传，求大佬们指点一下还有其他适合我接收图片文件的方式吗？
注：我们经理说不能再用之前的表单来发送数据了，因为没办法处理后端返回回来的数据。求各位大佬们指点一下小弟我，跪谢大佬们！！！

...全文

5092 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

天空要下雨 2020-05-26

打赏
举报

回复

那个博客啊！可以推荐一下下吗

软件老王 2019-07-03

打赏
举报

回复

太大了，换个方式吧。。我前端时间也刚好碰到，博客中有源码(上传文件不落地转Base64字符串)。。自己试试，有问题私信我。。

天纵少年 2022-02-26

举报

回复

@软件老王请问是那个博客呢

嘴角扬起迷人的弧 2019-07-03

打赏
举报

回复

参数就是这样，太大了，大得我的浏览器调试工具都能卡住

对于前端人员来说，图片处理是一个很常见的需求，由于图片稍微特殊，现在多数做法都是使用调用ajax接口通过http方法来提交，例如post方法提交，后台处理后返回一个图片路径给前端，前端根据这个路径写入img标签，但是基于当前的前后端分离的开发模式下，前后端代码往往不在同一个系统目录下，而且部署时可能liunx路径与windows路径不一样，这样后期路径更改可能会导致维护困难问题出现。针对这种问题，这里我推荐使用图片转base64格式，再发给后端，后端只需将转码结果存入数据库即可，前端调用接口直接获取到base64数据直接写入img src 标签即可下面使用element ui upload

前端图片转base64的小细节

前端用post请求发送一串base64编码，后台接收不管是解析图片还是保存至文件，总是有问题，经过多次测试发现，前端发送的时候，解析出来的编码，所有的**+**加号都变成了空格，所以，怎么都无法处理，解决办法，在前端发送的时候处理一下字符串 base64Code=encodeURI(“你的字符串”).replace(/\+/g, '%2B') 这样直接发送base64Code就可以正常解析了！ ...

上传大图这个问题，断断续续困扰了一个月今天终于解决了！！撒花~ 下图里base64_data是经过转换的，类型是str f = open(origin_path, 'rb') base64_data = base64.b64encode(f.read()).decode('utf-8') name就是图片的名称,这个图是之前的写法。以上这种方式对于1M左右的小图可以正常操作，但稍大...

81,092

社区成员

341,718

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章