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

三维控件研究

 关注

阅读 80

2022-12-30


文章目录

  • ​​前言​​
  • ​​一、map 遍历方法​​
  • ​​二、java正则学习​​
  • ​​三、后端传到前端图片三种情况​​
  • ​​1. 图片流数据（InputStream） 转 base64，前端展示保存​​
  • ​​a. 后端：输入流转base，直接调用方法​​
  • ​​b. 前端显示​​
  • ​​c. 保存​​
  • ​​2. 传图片流数据，前端展示保存​​
  • ​​a. 后端控制成​​
  • ​​b. 前端展示​​
  • ​​c. 照片保存​​
  • ​​3. 传图片url，前端展示保存（简单）​​
  • ​​a. 后端处理​​
  • ​​b. 前端展示​​
  • ​​c. 保存图片​​

前言

一、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')
    }
  })
},
                

 
 
相关推荐
 
 
java正则匹配Matcher类的matches()、lookingAt()和find()和String类的matches()使用
 
 
 
皮皮球场 40 0 0
 
【Java基础】map的遍历方式和map.forEach的使用
 
 
 
boom莎卡拉卡 97 0 0
 
Java String 方法 matches的正则表达式使用不生效的问题以及解决办法同时解决正则匹配正常，String匹配matches不正常的情况
 
 
 
雨鸣静声 116 0 0
 
Java后端和前端传递的请求参数的三种类型
 
 
 
天使魔鬼 20 0 0
 
java List转Map的三种方法（java8语法特性使用）
 
 
 
343d85639154 137 0 0
 
5、【java数据安全】数字签名的三种算法（RSA、DSA和ECDSA）使用示例
 
 
 
静鸡鸡的JC 74 0 0
 
Java学习第九天＜数组的声明和创建＞＜三种初始化及内存分析＞＜数组使用＞＜二维数组＞＜Arrays类＞＜冒号排序＞＜稀疏数组＞
 
 
 
读思意行 116 0 0
 
 
精彩评论（0）
 
 
 0 0 举报