010-java 表单方式或者base64方式上传图片,后端使用nutz的post转发图片到另一个请求...

这篇博客探讨了两种上传图片的方式:使用表单(enctype)和Base64编码。对于表单方式,介绍了Spring后端的接收方法和数据转发。在Base64场景下,前端将图片转化为Base64字符串,通过POST发送到处理MultipartFile的接口。文中提到Nutz库在处理请求转发时的作用,并提醒注意Base64数据在HTTP传输中的字符转义问题。
摘要由CSDN通过智能技术生成

本地上传图片

方式一、使用表单方式上传-enctype

<form enctype="multipart/form-data" method="post"
action="http://face.lhx.com/auth"
 id='formBox' name="form"> 
    <input type="file" id="chooseImage" name="img">
    <input type="text" name="token" value="token222">
    <input type="text" name="authType" value="face"><br />
    <input name="" type="submit" value="提交" /> 
</form>

接收方式一、后端使用Spring 的接收

@RequestParam("img") MultipartFile file

接收方式二、后端收到数据进行转发

  代码在方式二中 2、客户端当做参数接收

方式二、使用表单方式上传-图片Base64数据

有时候需要前端传输base64编码的接口上传图片,后续使用接口接收

前端使用post base64→接口接收 转发个接收 MultipartFile 文件的接口

1、客户端base64【使用前端处理将图片处理成base64格式字符串】

img=data:image/jpg;base64,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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值