jSignature签名的用法，一文教会你（二）后台代码

1、先在我们的项目里加几个工具类，代码如下

AbstractUploadAction （名字可以自取，这个不影响）


import java.io.File;
import java.io.FileInputStream;
import java.io.InputStream;
import java.io.OutputStream;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.apache.tomcat.util.http.fileupload.IOUtils;
public abstract class AbstractUploadAction {public void get(HttpServletRequest request, HttpServletResponse response, String storeDir) {String requestPath = "get";String requestURI = request.getRequestURI();String path = requestURI.substring(requestURI.indexOf(requestPath) + 3);String separator = File.separator;String lcPath = "";File directory = new File(storeDir);String tempPath = directory.getAbsolutePath() + path.replace("/", separator);File downloadFile = new File(tempPath);if (downloadFile.exists()) {lcPath = directory.getAbsolutePath() + path.replace("/", separator);}try {InputStream input = new FileInputStream(lcPath);OutputStream output = response.getOutputStream();IOUtils.copy(input, output);input.close();output.close();} catch (Exception var14) {}}}

UploadFileAction 这里有一个@Value("${store.dir}") private String storeDir; 这是在yml里面的定义的，这里就是把文件放在我的D盘下的ms_file文件夹下面在这里插入图片描述

import java.io.IOException;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;@RestController
@RequestMapping("/res/file")
public class UploadFileAction extends AbstractUploadAction{@Value("${store.dir}")private String storeDir;//这个是在yml里面定义的/*** * @param folder 文件文件夹。即分类文件夹。如imgType1，imgType2。通过url的upload/后面的值来取值。也可换为其他取值方式。* @param request* @return* @throws IOException*/@RequestMapping(value = {"upload/{folder}"},method = {RequestMethod.POST, RequestMethod.GET})@ResponseBodypublic Object upload(@PathVariable("folder") String folder, HttpServletRequest request) throws IOException {UploadFileUtil uploadFileUtil = new UploadFileUtil();return uploadFileUtil.upload(storeDir, folder, request);}@RequestMapping("/get/**")public void download(HttpServletRequest request, HttpServletResponse response) {this.get(request, response, this.storeDir);} }

UploadUtil


import org.apache.tomcat.util.http.fileupload.IOUtils;
import org.springframework.web.multipart.MultipartFile;import java.io.*;public class UploadUtil {public static void copyFile(MultipartFile file, File locFile) throws IOException {InputStream input = file.getInputStream();OutputStream output = new FileOutputStream(locFile);IOUtils.copy(input, output);output.close();input.close();}/**** @param requestUri 这个是数据库的url,如/res/file/get/signature/20200709114433.jpg* @param fileDir 这个是文件的实际存放地址，如D://ms_file* @return*/public static boolean delete(String requestUri, String fileDir) {String requestPath = "get";String path = requestUri.substring(requestUri.indexOf(requestPath) + 3);//File directory = new File(fileDir);//String tempPath = directory.getAbsolutePath() + path;String tempPath = fileDir + path;File deleteFile = new File(tempPath);return deleteFile.exists() ? deleteFile.delete() : false;}}

Base64ToPicture （这个是base64和图片互转的一个工具类）

import sun.misc.BASE64Decoder;
import sun.misc.BASE64Encoder;import java.io.*;
import java.util.Base64;
public class Base64ToPicture {/*** 将base64转成图片并存到指定文件夹* @param imgStrs* @param imgFilePath* @return*/public static boolean GenerateImage(String imgStrs, String imgFilePath) {// 对字节数组字符串进行Base64解码并生成图片if (imgStrs == null){// 图像数据为空return false;}int imgStrLen = imgStrs.length();String imgStr = imgStrs.substring(22,imgStrLen);//System.out.println(imgStr);BASE64Decoder decoder = new BASE64Decoder();try {// Base64解码byte[] bytes = decoder.decodeBuffer(imgStr);for (int i = 0; i < bytes.length; ++i) {if (bytes[i] < 0) {// 调整异常数据bytes[i] += 256;}}// 生成jpeg图片OutputStream out = new FileOutputStream(imgFilePath);out.write(bytes);out.flush();out.close();return true;} catch (Exception e) {return false;}}/*** 将图片文件转化为字节数组字符串，并对其进行Base64编码处理* @param imgFilePath* @return*/public static String GetImageStr(String imgFilePath) {//byte[] data = null;Base64.Decoder decoder = Base64.getDecoder();// 读取图片字节数组try {InputStream in = new FileInputStream(imgFilePath);data = new byte[in.available()];in.read(data);in.close();} catch (IOException e) {e.printStackTrace();}// 对字节数组Base64编码BASE64Encoder encoder = new BASE64Encoder();return encoder.encode(data);// 返回Base64编码过的字节数组字符串}
}

2、看一下我的service吧

public Result save(ProjectFile projectFile, HttpServletRequest request){Result result = new Result();SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");String fileAdd = sdf.format(new Date());//图片名称是  当前日期    避免数据重复String fileName = fileAdd  + ".jpg";//这个Base64ToPicture就是我们上面的工具类//这个步骤是把base64转成图片，并存在storeDir+"/signature/"+fileName这个目录下，这个storeDir是我们自己定义的，比如这个是D:/ms_file/signature/Base64ToPicture.GenerateImage(projectFile.getEncode(),storeDir+"/signature/"+fileName);//下面的步骤是给我们的数据库插入一条关于这个签名的记录，方便我们以后找到他String url = "/res/file/get/" + "signature" + "/" + fileName;projectFile.setId(UUIDTool.createUUID());projectFile.setUrl(url);projectFile.setCreateTime(new Date());projectFile.setFileType("jpg");projectFile.setType("signature");projectFile.setName(fileName);projectFileMapper.insert(projectFile);result.setMessage("签名成功！");result.setCode(1);return result;}

这个操作过后我们发现我们的数据库多了一条记录，数据库自己设计，在这里URL我存的是这样的格式的：/res/file/get/signature/20200709114433.jpg，其实我们的文件在D:\ms_file\signature\20200709114433.jpg，我们会发现这里没有指定是哪个盘，哪个文件夹下，反而多了/res/file/get/这串东西，大家别着急，这个是我们自己定义的。我们可以发现UploadFileAction 这个工具类里定义了@RequestMapping("/res/file")，get也是在UploadFileAction 里定义的。我们数据库要和这里保持一致性，大家可以随便定义；

3、查看我们的签名

先去数据库中查到我们需要的那条数据，拿到URL，就也是上面举例的/res/file/get/signature/20200709114433.jpg。
在页面中我们这样显示


http({data: {projectId:projectId,institutionsId:institutionsId},url: 'projectFile/queryByInstitutionsId',type: 'post',dataType: 'json',success: function(data) {that.signatureList = data;for(var i = 0;i<that.signatureList.length;i++){$("#imageList").append("<img src=http://127.0.0.1:7003" + that.signatureList[i].url + ">");}}
});

只需要拼接起来就好了，后台端口加我们的URL就可以了，它会去调用我们工具类中的get方法，从而显示出来。

这些工具类还可以用于图片上传。这个就放到下期吧！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/570443.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

mac系统，鼠标移动太慢

mac系统，鼠标移动太慢

to check your speed:defaults read -g com.apple.mouse.scalingto set your speeddefaults write -g com.apple.mouse.scaling 7reboot your mac转载于:https://www.cnblogs.com/IWings/p/9614793.html
阅读更多...
关于js的一些常用小知识点（持续更新）

关于js的一些常用小知识点（持续更新）

关于js的一些常用小知识点1、获取页面中所有选中的CheckBox复选框的值2、js获取网页URL中所带的参数3、js模拟点击button4、前端传入后台list&#xff0c;后台是不能接收List的&#xff0c;就需要传的时候转化一下&#xff0c;把list转成String&#xff0c;后台用一个String型接…
阅读更多...
esp32-智能语音-录音（保存于SD卡）

esp32-智能语音-录音（保存于SD卡）

1 //初始化ES8388&#xff0c;更改为双麦 2 ESP_LOGI(TAG, "[ 2 ] Start codec chip"); 3 audio_hal_codec_config_t audio_hal_codec_cfg AUDIO_HAL_ES8388_DEFAULT(); 4 audio_hal_handle_t hal audio_hal_init(&audio_hal_codec_cfg, 0); 5 …
阅读更多...
HTML5 多图片上传（前端+后台详解）

HTML5 多图片上传（前端+后台详解）

HTML5 多图片上传&#xff08;前端后台详解&#xff09;1、参考jquery插件库2、修改代码3、添加的后台代码4、删除的后台代码1、参考jquery插件库 手机端实现多图片上传 2、修改代码 我发现他这里的代码仅仅只是显示出来了&#xff0c;对后台一点作用都没有&#xff0c;于是…
阅读更多...
vue2.0移动端自定义性别选择提示框

vue2.0移动端自定义性别选择提示框

这篇文章主要是简单的实现了vue2.0移动端自定义性别选择的功能&#xff0c;很简单但是经常用到&#xff0c;于是写了一个小小的demo&#xff0c;记录下来。 效果图&#xff1a; 图片.png实现代码&#xff1a; <template><div class"app"><div class&q…
阅读更多...
Linux的一些简单的常用命令

Linux的一些简单的常用命令

基本操作 基本操作 1>.ls &#xff08;横向查看目录&#xff09; ll&#xff08;竖排查看目录&#xff09; 2>.mkdir &#xff08;创建文件夹&#xff09; 3>.cd 文件夹名 &#xff08;进入该文件夹&#xff09; cd ..&#xff08;返回上一级目录&#xff09; 4>.…
阅读更多...
程序10 VC编写批量重命名工具

程序10 VC编写批量重命名工具

实现对文件夹下的全部文件进行重命名。 本节编写一个批量重命名工具。学习内容&#xff1a;文件操作&#xff0c;文件遍历等知识API&#xff1a;CFileFindFindFileFindNextFilerename 视频学习地址&#xff1a;https://www.bilibili.com/video/av31482925/转载于:https://www.c…
阅读更多...
每个线程只对一个数据操作就不会出现线程安全问题-------------成员变量，用来计算累加的和...

每个线程只对一个数据操作就不会出现线程安全问题-------------成员变量，用来计算累加的和...

package charpter12; public class Processor implements Runnable { private int count; // 成员变量&#xff0c;用来计算累加的和 Override public void run() { for (int i 0; i < 100; i) { count i; } System.out.println(Thread.currentThread().getName() "…
阅读更多...
微信小程序入门的一些建议，替大家踩坑

微信小程序入门的一些建议，替大家踩坑

小程序入门教程1&#xff0c; 建议先去看官方文档2&#xff0c;说说app.json这个文件3、app.js4、点击事件5、跳转页面最后要说一下我踩的一个大坑&#xff0c;样式问题1&#xff0c; 建议先去看官方文档 微信小程序官方文档 官方文档里有下载微信开发者工具的地址&#xff0c…
阅读更多...
解决微信小程序新建项目没有样式问题，以及官方demo

解决微信小程序新建项目没有样式问题，以及官方demo

官方的demo 把这个下载下来&#xff0c;把dist目录下的app.wxss里面的样式全部放到我们项目的app.wxss里就可以了。 这个demo我们还可以参考。新开一个微信开发者工具&#xff0c;点击导入&#xff0c;然后导入dist目录&#xff0c;就可以运行起来了。在调试器的console中可以看…
阅读更多...
Java static 静态代码块、代码块

Java static 静态代码块、代码块

简述 static{} 静态代码块&#xff0c;加载类之前执行{} 代码块&#xff0c;每次new的时候都会被执行示例 类&#xff1a; public class Student {int age;String name;boolean sex;public Student(){age10;name"Xu";sexfalse;}static{System.out.println("This…
阅读更多...
云服务器Linux安装，配置，使用nginx

云服务器Linux安装，配置，使用nginx

云服务器Linux安装&#xff0c;配置&#xff0c;使用nginxlinux安装nginxnginx的使用linux安装nginx 检查是否安装了GCC&#xff08;可在任何目录下输入&#xff09; yum list installed | grep "gcc"如果像下图一样&#xff0c;就说明安装了&#xff0c;反之没安装…
阅读更多...
原来文化设计可以这样玩！

原来文化设计可以这样玩！

设计是什么&#xff1f;设计是一种以科学的方法去高效解决问题的办法&#xff0c;为之设计。例如一个灯&#xff0c;是为了照明&#xff0c;如果改良的灯&#xff0c;肯定是为了高效或者节能地解决照明这个需求&#xff0c;没毛病吧&#xff1f; 那么中秋的花灯是什么&#xff…
阅读更多...
Windows安装python，以及python的集成开发环境Pycharm

Windows安装python，以及python的集成开发环境Pycharm

安装python&#xff0c;以及python的集成开发环境Pycharm1&#xff0c;安装python&#xff08;Windows&#xff09;2&#xff0c;安装python的集成开发环境1&#xff0c;安装python&#xff08;Windows&#xff09; 进入python官网 点击图中标识出来的这个&#xff0c;是个ex…
阅读更多...
zbb20180913 java synchronized同步静态方法和同步非静态方法的异同

zbb20180913 java synchronized同步静态方法和同步非静态方法的异同

java synchronized同步静态方法和同步非静态方法的异同 所有的非静态同步方法用的都是同一把锁——实例对象本身&#xff0c;也就是说如果一个实例对象的非静态同步方法获取锁后&#xff0c;该实例对象的其他非静态同步方法必须等待获取锁的方法释放锁后才能获取锁&#xff0c;…
阅读更多...
Python 最难的问题

Python 最难的问题

Python 最难的问题 超过十年以上&#xff0c;没有比解释器全局锁&#xff08;GIL&#xff09;让Python新手和专家更有挫折感或者更有好奇心。 未解决的问题 随处都是问题。难度大、耗时多肯定是其中一个问题。仅仅是尝试解决这个问题就会让人惊讶。之前是整个社区的尝试&#x…
阅读更多...
解决echart中：Cannot read property ‘queryComponents‘ of undefined

解决echart中：Cannot read property ‘queryComponents‘ of undefined

在使用案例的echart的日历图表的时候&#xff0c;遇到了&#xff1a; Uncaught TypeError: Cannot read property ‘queryComponents’ of undefined 思考了很久&#xff0c;还百度了&#xff0c;结果还是不好使&#xff0c;最后终于被我在一个问答了找到了答案。 刚开始我是…
阅读更多...
idea导入gitlab上面的项目

idea导入gitlab上面的项目

** 点击工具栏的VCS - git - Clone,然后输入项目的git地址 ** 这个需要登陆过git账号&#xff0c;如果没登录过就会让你输账号密码
阅读更多...
ListT.Find用法学习

ListT.Find用法学习

泛型集合List<T>中的Find函数用于查找集合中符合指定条件的元素..相比foreach遍历元素&#xff0c;用Find函数查找&#xff0c;代码更简洁. 函数原型如下&#xff1a; public T Find(Predicate<T> match); 其中Predicate为C#定义好的委托&#xff0c;原型如下&…
阅读更多...
idea导入本地springboot项目

idea导入本地springboot项目

** 点击工具栏的file - new - project from Existing Sources 然后找到项目所在目录&#xff0c;点击该项目的pom.xml文件。一路点击下一步&#xff0c;即可。 **
阅读更多...
最新文章

Copyright @ 2022~2023