uni-app捣鼓之路--------- 上传图片并转换为base64

uni-app上传文件接口uni.uploadFile 结合uni.chooseImage使用。

前端代码

uni.chooseImage({
		count: 1,//图片数量
		success(res) {
		// console.log(res);
		// 缓存文件路径
		var file = res.tempFilePaths;
		uni.uploadFile({
			url: "http://192.168.0.104:8080/uploadImg", //仅为示例,非真实的接口地址
			filePath: file ,
			name: 'files',
			success: (uploadFileRes) => {
				console.log(uploadFileRes)
			},
			complete() {
				uni.hideLoading()
			}
		});
		},
		fail(err) {
			console.log(err)
			reject(err)
		}
	})

后台代码

byte[] data = null;
// 读取图片字节数组
try {
    InputStream in = files.getInputStream();
    data = new byte[in.available()];
    in.read(data);
    in.close();
} catch (IOException e) {
    e.printStackTrace();
}
// 对字节数组Base64编码
BASE64Encoder encoder = new BASE64Encoder();
// 返回Base64编码过的字节数组字符串
String img = "data:image/jpg;base64,"+encoder.encode(data != null ? data : new byte[0]);
System.out.println("本地图片转换Base64:" + img);
注意:转换后的base64在uni-app不能显示,可能是因为有换行符,替换即可
img.replace(/[\r\n]/g, "")
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值