java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机;

前言

一、map 遍历方法

package test.feng;

import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;

/**
 * @ClassName Test
 * @Description TODO
 * @Author admin
 * @Date 2021/6/8 15:38
 * @Version 1.0
 */
public class TestMap {

    public static void main(String[] args) {
        System.out.println("this is text".matches("this is text"));
    }

    public static void main1(String[] args) {
        Map<String, String> map = new HashMap<String, String>();
        map.put("1", "value1");
        map.put("2", "value2");
        map.put("3", "value3");

        //第一种:普遍使用,二次取值
        System.out.println("通过Map.keySet遍历key和value:");
        Set<String> keySet = map.keySet();
        for (String key : keySet) {
            System.out.println("key= " + key + " and value= " + map.get(key));
        }

        //第二种
        System.out.println("通过Map.entrySet使用iterator遍历key和value:");
        Iterator<Map.Entry<String, String>> it = map.entrySet().iterator();
        while (it.hasNext()) {
            Map.Entry<String, String> entry = it.next();
            System.out.println("key= " + entry.getKey() + " and value= " + entry.getValue());
        }

        //第三种:推荐,尤其是容量大时
        System.out.println("通过Map.entrySet遍历key和value");
        for (Map.Entry<String, String> entry : map.entrySet()) {
            System.out.println("key= " + entry.getKey() + " and value= " + entry.getValue());
        }

        //第四种
        System.out.println("通过Map.values()遍历所有的value,但不能遍历key");
        for (String v : map.values()) {
            System.out.println("value= " + v);
        }
    }
}


二、java正则学习

正在学习中~

package test.feng;

/**
 * @ClassName Test
 * @Description TODO
 * @Author admin
 * @Date 2021/6/9 13:58
 * @Version 1.0
 */
public class TestMatches {
    public static void main(String[] args) {
        // study
        System.out.println("this is text".matches("this is text"));
        System.out.println("this     is      text".matches("this\\s+is\\s+text"));
        System.out.println("555".matches("^\\d+(\\.\\d+)?"));
        System.out.println("1.4".matches("^\\d+(\\.\\d+)?"));
        System.out.println("14.333334".matches("^\\d+(\\.\\d+)?"));
        System.out.println("144444.333334".matches("^\\d+(\\.\\d+)?"));
        System.out.println(".144444.333334".matches("^\\d+(\\.\\d+)?"));
        System.out.println(".144444.333334.".matches("^\\d+(\\.\\d+)?"));

        System.out.println("---------------");
        // 第一次斜杠 代表 转义字符
        System.out.println("24524.47".matches("^\\d+(\\.\\d+)?")); // true
        System.out.println("24524.47a".matches("^\\d+(\\.\\d+)?")); // false
        System.out.println("24524.47好".matches("^\\d+(\\.\\d+)?"));
    }
}

三、后端传到前端图片三种情况

第二个方式还未总结完,第一、三个方式总结完成。

1. 图片流数据(InputStream) 转 base64,前端展示保存

a. 后端:输入流转base,直接调用方法

引入

import org.apache.commons.io.IOUtils;
InputStream resourceAsStream = processService.resourceRead(id,type);
byte[] bytes = IOUtils.toByteArray(resourceAsStream);
 
String encoded = Base64.getEncoder().encodeToString(bytes);

b. 前端显示

HTML中使用和保存:

<img src="data:image/png;base64,..." />
<view class="save" @click="saveAlbum">保存二维码</view>

c. 保存

saveAlbum() {
	uni.getSetting({ //获取用户的当前设置
		success: (res) => {
			if (res.authSetting['scope.writePhotosAlbum']) { //验证用户是否授权可以访问相册
				this.saveImageToPhotosAlbum();
			} else {
				uni.authorize({ //如果没有授权,向用户发起请求
					scope: 'scope.writePhotosAlbum',
					success: () => {
						this.saveImageToPhotosAlbum();
					},
					fail: () => {
						uni.showToast({
							title: "请打开保存相册权限,再点击保存相册分享",
							icon: "none",
							duration: 3000
						});
						setTimeout(() => {
							uni.openSetting({ //调起客户端小程序设置界面,让用户开启访问相册
								success: (res2) => {
									// console.log(res2.authSetting)
								}
							});
						}, 3000);
					}
				})
			}
		}
	})

},
saveImageToPhotosAlbum() {
	let base64 = this.codeImg.replace(/^data:image\/\w+;base64,/, ""); //去掉data:image/png;base64,
	let filePath = wx.env.USER_DATA_PATH + '/hym_pay_qrcode.png';
	uni.getFileSystemManager().writeFile({
		filePath: filePath, //创建一个临时文件名
		data: base64, //写入的文本或二进制数据
		encoding: 'base64', //写入当前文件的字符编码
		success: res => {
			uni.saveImageToPhotosAlbum({
				filePath: filePath,
				success: function(res2) {
					uni.showToast({
						title: '保存成功',
						icon: "none",
						duration: 5000
					})
				},
				fail: function(err) {
					// console.log(err.errMsg);
				}
			})
		},
		fail: err => {
			//console.log(err)
		}
	})
}

2. 传图片流数据,前端展示保存

a. 后端控制成

OutputStream output = response.getOutputStream();
byte[] buffer = new byte[10240];
for (int length = 0; (length = erWeiMa.read(buffer)) > 0; ) {
    output.write(buffer, 0, length);
}

b. 前端展示



c. 照片保存

downLoad(data){
  let fileName = data.fileName; //下载的文件名字 data是我组件中传出来的
   this.fileDownLoadApi({id:data.id})
       .then(res=>{
           this.$Message.info('正在下载,请稍等...')
           //接受blob格式数据,然后保存起来
           let url = window.URL.createObjectURL(new Blob([res.data]))
           //下载方式。如果浏览器兼容下载,就直接下载
           if(window.navigator&&window.navigator.msSaveOrOpenBlob){
               window.navigator.msSaveOrOpenBlob(new Blob([res.data]),fileName)
           }else{
               //不兼容,利用a标签的点击属性自动下载,之前window.open(url)
               //只是打开一个新的窗口,并不触发下载动作,所以只能模拟a标签点击事件
               var eleLick = document.createElement('a');
               eleLick.download = fileName;
               eleLick.style.display = 'none';
               eleLick.href = url;
               document.body.appendChild(eleLick);
               eleLick.click();
               eleLick.remove();
               //释放
               window.URL.revokeObjectURL(url);
               // window.open(url)
           }
       }).catch(()=>{
           console.log('下载失败了');
       })
},

3. 传图片url,前端展示保存(简单)

a. 后端处理

后端生成图片,存到oss上,返回图片URL。

b. 前端展示

类似这种,直接放上图片URL即可

<img src=https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2496571732,442429806&fm=26&gp=0.jpg" />

c. 保存图片

项目开发用的是uni-app,所以这里下载保存图片也用的是uni-app的方法,方法参数的使用可以看具体官网。当然微信小程序的微信开发文档上面也有微信的保存方法。

uni-app(微信原生开发:微信开发文档)保存图片需要两步:

  1. 先使用 uni.downloadFile({}):下载文件方法; 返回文件临时路径
  2. 再使用 uni.saveImageToPhotosAlbum({}):保存图片到手机。

uni-app文档:https://uniapp.dcloud.io/api/request/network-file?id=downloadfile
微信开放文档:https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.saveFile.html

posterSure(){
	// 保存图片 到手机上
	uni.downloadFile({
		url: this.posterUrl,
		success: function (res) {
			console.log("aaaaaaaaaaaa:",JSON.stringify(res))
			if (res.statusCode === 200) {
				console.log('下载成功');
			}
			uni.saveImageToPhotosAlbum({
				filePath: res.tempFilePath,
				success: function (res) {
					console.log(res)
					console.log('下载成功');
					this.$refs.uToast.show({
						title: '保存成功',
						type: 'success'
					})
				},
				fail: function (res) {
					console.log(res)
					console.log('fail')
				}
			})
		},
		fail: function () {
			console.log('fail')
		}
	})
},
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

java冯坚持

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值