uniapp 身份证识别 微信 百度 图片前端压缩 图片后端压缩
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了uniapp 身份证识别 微信 百度 图片前端压缩 图片后端压缩，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含22817字，纯文字阅读大概需要33分钟。
内容图文
微信：
1 下面注释代码 HBuilder调试OK 发布微信调试失败 不知所以
2 var ocrUrl = "https://api.weixin.qq.com/cv/ocr/idcard?img_url=" + self.imgUrl + "&access_token=" + self.token;
3 wx.chooseImage({
4 sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
5 const tempFilePaths = res.tempFilePaths
6 wx.uploadFile({
7 url: ocrUrl,
8 filePath: tempFilePaths[0],
9 name: 'img',
10 formData: {
11 contentType: 'image/png',
12 value: "",
13 },
14 success(res) {
15 const data = JSON.parse(res.data);
16 if (data.errcode != 0) {
17 self.$api.alert("识别失败！");
18 }
19 self.name = data.name;
20 self.idNo = data.id;
21 if (numberUtils.identityCodeValid(self.idNo.trim())) {
22 self.age = self.getAge(self.idNo.trim());
23 }
24 if (data.gender == '男') {
25 self.current = 0;
26 } else {
27 self.current = 1;
28 }
29 },
30 fail(res) {
31 self.$api.alert("识别失败！");
32 },
33 })
前端 转byte64 压缩 /components/image-tools/index.js
1 function getLocalFilePath(path) {
2 if (path.indexOf('_www') === 0 || path.indexOf('_doc') === 0 || path.indexOf('_documents') === 0 || path.indexOf('_downloads') === 0) {
3 return path
4 }
5 if (path.indexOf('file://') === 0) {
6 return path
7 }
8 if (path.indexOf('/storage/emulated/0/') === 0) {
9 return path
10 }
11 if (path.indexOf('/') === 0) {
12 var localFilePath = plus.io.convertAbsoluteFileSystem(path)
13 if (localFilePath !== path) {
14 return localFilePath
15 } else {
16 path = path.substr(1)
17 }
18 }
19 return '_www/' + path
20 }
21
22 var index = 0
23 function getNewFileId() {
24 return Date.now() + String(index++)
25 }
26
27 function biggerThan(v1, v2) {
28 var v1Array = v1.split('.')
29 var v2Array = v2.split('.')
30 var update = false
31 for (var index = 0; index < v2Array.length; index++) {
32 var diff = v1Array[index] - v2Array[index]
33 if (diff !== 0) {
34 update = diff > 0
35 break
36 }
37 }
38 return update
39 }
40
41 export function pathToBase64(path) {
42
43 return new Promise(function(resolve, reject) {
44 if (typeof window === 'object' && 'document' in window) {
45 if (typeof FileReader === 'function') {
46 var xhr = new XMLHttpRequest()
47 xhr.open('GET', path, true)
48 xhr.responseType = 'blob'
49 xhr.onload = function() {
50 if (this.status === 200) {
51 let fileReader = new FileReader()
52 fileReader.onload = function(e) {
53 resolve(e.target.result)
54 }
55 fileReader.onerror = reject
56 fileReader.readAsDataURL(this.response)
57 }
58 }
59 xhr.onerror = reject
60 xhr.send()
61 return
62 }
63 var canvas = document.createElement('canvas')
64 var c2x = canvas.getContext('2d')
65 var img = new Image
66 img.onload = function() {
67 canvas.width = img.width
68 canvas.height = img.height
69 c2x.drawImage(img, 0, 0)
70 resolve(canvas.toDataURL())
71 canvas.height = canvas.width = 0
72 }
73 img.onerror = reject
74 img.src = path
75 return
76 }
77 if (typeof plus === 'object') {
78 plus.io.resolveLocalFileSystemURL(getLocalFilePath(path), function(entry) {
79 entry.file(function(file) {
80 var fileReader = new plus.io.FileReader()
81 fileReader.onload = function(data) {
82 resolve(data.target.result)
83 }
84 fileReader.onerror = function(error) {
85 reject(error)
86 }
87 fileReader.readAsDataURL(file)
88 }, function(error) {
89 reject(error)
90 })
91 }, function(error) {
92 reject(error)
93 })
94 return
95 }
96 if (typeof wx === 'object' && wx.canIUse('getFileSystemManager')) {
97 wx.getFileSystemManager().readFile({
98 filePath: path,
99 encoding: 'base64',
100 success: function(res) {
101 resolve('data:image/png;base64,' + res.data)
102 },
103 fail: function(error) {
104 reject(error)
105 }
106 })
107 return
108 }
109 reject(new Error('not support'))
110 })
111 }
112
113 export function base64ToPath(base64) {
114 return new Promise(function(resolve, reject) {
115 if (typeof window === 'object' && 'document' in window) {
116 base64 = base64.split(',')
117 var type = base64[0].match(/:(.*?);/)[1]
118 var str = atob(base64[1])
119 var n = str.length
120 var array = new Uint8Array(n)
121 while (n--) {
122 array[n] = str.charCodeAt(n)
123 }
124 return resolve((window.URL || window.webkitURL).createObjectURL(new Blob([array], { type: type })))
125 }
126 var extName = base64.match(/data\:\S+\/(\S+);/)
127 if (extName) {
128 extName = extName[1]
129 } else {
130 reject(new Error('base64 error'))
131 }
132 var fileName = getNewFileId() + '.' + extName
133 if (typeof plus === 'object') {
134 var basePath = '_doc'
135 var dirPath = 'uniapp_temp'
136 var filePath = basePath + '/' + dirPath + '/' + fileName
137 if (!biggerThan(plus.os.name === 'Android' ? '1.9.9.80627' : '1.9.9.80472', plus.runtime.innerVersion)) {
138 plus.io.resolveLocalFileSystemURL(basePath, function(entry) {
139 entry.getDirectory(dirPath, {
140 create: true,
141 exclusive: false,
142 }, function(entry) {
143 entry.getFile(fileName, {
144 create: true,
145 exclusive: false,
146 }, function(entry) {
147 entry.createWriter(function(writer) {
148 writer.onwrite = function() {
149 resolve(filePath)
150 }
151 writer.onerror = reject
152 writer.seek(0)
153 writer.writeAsBinary(base64.replace(/^data:\S+\/\S+;base64,/, ''))
154 }, reject)
155 }, reject)
156 }, reject)
157 }, reject)
158 return
159 }
160 var bitmap = new plus.nativeObj.Bitmap(fileName)
161 bitmap.loadBase64Data(base64, function() {
162 bitmap.save(filePath, {}, function() {
163 bitmap.clear()
164 resolve(filePath)
165 }, function(error) {
166 bitmap.clear()
167 reject(error)
168 })
169 }, function(error) {
170 bitmap.clear()
171 reject(error)
172 })
173 return
174 }
175 if (typeof wx === 'object' && wx.canIUse('getFileSystemManager')) {
176 var filePath = wx.env.USER_DATA_PATH + '/' + fileName
177 wx.getFileSystemManager().writeFile({
178 filePath: filePath,
179 data: base64.replace(/^data:\S+\/\S+;base64,/, ''),
180 encoding: 'base64',
181 success: function() {
182 resolve(filePath)
183 },
184 fail: function(error) {
185 reject(error)
186 }
187 })
188 return
189 }
190 reject(new Error('not support'))
191 })
192 }
193
194 /**
195 * canvas压缩图片
196 * @param {参数obj} param
197 * @param {文件二进制流} param.file 必传
198 * @param {目标压缩大小} param.targetSize 不传初始赋值-1
199 * @param {输出图片宽度} param.width 不传初始赋值-1，等比缩放不用传高度
200 * @param {输出图片名称} param.fileName 不传初始赋值image
201 * @param {压缩图片程度} param.quality 不传初始赋值0.92。值范围0~1
202 * @param {回调函数} param.succ 必传
203 */
204 export function pressImg(param){
205 //如果没有回调函数就不执行
206 if(param && param.succ){
207 //如果file没定义返回null
208 if(param.file == undefined) return param.succ(null);
209 //给参数附初始值
210 param.targetSize = param.hasOwnProperty("targetSize") ? param.targetSize : -1;
211 param.width = param.hasOwnProperty("width") ? param.width : -1;
212 param.fileName = param.hasOwnProperty("fileName") ? param.fileName: "image";
213 param.quality = param.hasOwnProperty("quality") ? param.quality : 0.92;
214 var _this = this;
215 // 得到文件类型
216 // var fileType = param.file.type;
217 // // console.log(fileType) //image/jpeg
218 // if(fileType.indexOf("image") == -1){
219 // console.log('请选择图片文件^_^');
220 // return param.succ(null);
221 // }
222 // //如果当前size比目标size小，直接输出
223 // var size = param.file.size;
224 // if(param.targetSize > size){
225 // return param.succ(param.file);
226 // }
227 // 读取file文件,得到的结果为base64位
228 // changeFileToBaseURL(param.file,function(base64){
229 var fileType = "image";
230 debugger;
231 var base64=param.file;
232 if(base64){
233 var image = new Image();
234 image.src = base64;
235 image.onload = function(){
236 // 获得长宽比例
237 var scale = this.width / this.height;
238 // console.log(scale);
239 //创建一个canvas
240 var canvas = document.createElement('canvas');
241 //获取上下文
242 var context = canvas.getContext('2d');
243 //获取压缩后的图片宽度,如果width为-1，默认原图宽度
244 canvas.width = param.width == -1 ? this.width : param.width;
245 //获取压缩后的图片高度,如果width为-1，默认原图高度
246 canvas.height = param.width == -1 ? this.height : parseInt(param.width / scale);
247 //把图片绘制到canvas上面
248 context.drawImage(image, 0, 0, canvas.width, canvas.height);
249 //压缩图片，获取到新的base64Url
250 var newImageData = canvas.toDataURL(fileType,param.quality);
251 //将base64转化成文件流
252 // var resultFile = dataURLtoFile(newImageData,param.fileName);
253 // //判断如果targetSize有限制且压缩后的图片大小比目标大小大，就弹出错误
254 // if(param.targetSize != -1 && param.targetSize < resultFile.size){
255 // console.log("图片上传尺寸太大，请重新上传^_^");
256 // param.succ(null);
257 // }else{
258 // //返回文件流
259 // param.succ(resultFile);
260 // }
261 param.succ(newImageData);
262 }
263 }
264 // });
265 }
266 }
267
268 /**
269 * 将base64转换为文件
270 * @param {baseURL} dataurl
271 * @param {文件名称} filename
272 * @return {文件二进制流}
273 */
274 function dataURLtoFile(dataurl, filename) {
275 var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
276 bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
277 while(n--){
278 u8arr[n] = bstr.charCodeAt(n);
279 }
280 return new File([u8arr], filename, {type:mime});
281 }
282
283 /**
284 * @param {二进制文件流} file
285 * @param {回调函数，返回base64} fn
286 */
287 function changeFileToBaseURL(file,fn){
288 // 创建读取文件对象
289 var fileReader = new FileReader();
290 //如果file没定义返回null
291 if(file == undefined) return fn(null);
292 // 读取file文件,得到的结果为base64位
293 fileReader.readAsDataURL(file);
294 fileReader.onload = function(){
295 // 把读取到的base64
296 var imgBase64Data = this.result;
297 fn(imgBase64Data);
298 }
299 }
转格式 js
1 引入工具 index.js
2 import {
3 pathToBase64,
4 base64ToPath,
5 pressImg
6 } from '@/components/image-tools/index.js'
7
8 uni.chooseImage({
9 count: 1, // 默认9
10 sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
11 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
12 type: 'file',
13 success(res) {
14 debugger;
15 const tempFilePaths = res.tempFilePaths;
16 var that = res.tempFilePaths[0];
17 // 地址转成Base64
18 pathToBase64(res.tempFilePaths[0])
19 .then(base64 => {
20 //Base64 进行10倍压缩返回 Base64
21 pressImg({
22 file: base64,
23 targetSize: 2 * 1024 * 1024,
24 quality: 0.1,
25 width: 600,
26 succ: function(resultFile) {
27 //如果不是null就是压缩成功
28 if (resultFile) {
29 //TODO
30 self.$api.request.post('/OCRIdCard/getIdCard', JSON.stringify(resultFile), function(res) {
31 if (res && res.code == "0" && res.data) {
32 const data = res.data;
33 self.name = data.words_result.姓名.words;
34 self.idNo = data.words_result.公民身份号码.words;
35 if (numberUtils.identityCodeValid(self.idNo)) {
36 self.age = self.getAge(self.idNo);
37 }
38 if (data.words_result.性别.words == '男') {
39 self.current = 0;
40 } else {
41 self.current = 1;
42 }
43 } else {
44 if (res.data)
45 self.$api.alert("识别失败！" + res.data);
46 else
47 self.$api.alert("识别失败！");
48 }
49
50 }, function(res) {
51 uni.showToast({
52 icon: 'none',
53 title: '未连接到服务，请联系管理员' + JSON.stringify(res),
54 });
55 }, function() {
56
57 uni.hideLoading();
58 });
59 }
60 }
61 })
62 });
前端压缩 传后台调百度api
java调百度api 工具类
引入两个包 一个Json 用 一个 压缩用
<dependency>
<groupId>org.json</groupId>
<artifactId>json</artifactId>
<version>20160810</version>
</dependency>
<dependency>
<groupId>net.coobird</groupId>
<artifactId>thumbnailator</artifactId>
<version>0.4.8</version>
</dependency>
package XXXXXXX;
import java.awt.image.BufferedImage;
import java.io.*;
import java.math.BigDecimal;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLEncoder;
import java.util.Base64;
import java.util.List;
import java.util.Map;
import net.coobird.thumbnailator.Thumbnails;
import org.json.JSONObject;
import javax.imageio.ImageIO;
public class BaiDuCardIdentification {
public static String getIdCardMessage(String accessToken,String imgByte64) {
// 请求url
String url = "https://aip.baidubce.com/rest/2.0/ocr/v1/idcard";
try {
imgByte64=imgByte64.replaceAll("data:image/(.*);base64,","");
byte[] imgData= commpressPicCycle(Base64.getDecoder().decode(imgByte64), 300, 0.5f);
String imgStr = Base64Util.encode((byte[])imgData);
String imgParam = URLEncoder.encode(imgStr, "UTF-8");
String param = "id_card_side=" + "front" + "&image=" + imgParam;
// 注意这里仅为了简化编码每一次请求都去获取access_token，线上环境access_token有过期时间， 客户端可自行缓存，过期后重新获取。
String result = HttpUtil.post(url, accessToken, param);
System.out.println(result);
return result;
} catch (Exception e) {
return "身份证识别次数没有了,请联系管理员";
}
}
public static String getAuth(String ak, String sk) {
// 获取token地址
String authHost = "https://aip.baidubce.com/oauth/2.0/token?";
String getAccessTokenUrl = authHost
// 1. grant_type为固定参数
+ "grant_type=client_credentials"
// 2. 官网获取的 API Key
+ "&client_id=" + ak
// 3. 官网获取的 Secret Key
+ "&client_secret=" + sk;
try {
URL realUrl = new URL(getAccessTokenUrl);
// 打开和URL之间的连接
HttpURLConnection connection = (HttpURLConnection) realUrl.openConnection();
connection.setRequestMethod("GET");//设置请求方式
connection.connect();//发送url
// 获取所有响应头字段
Map<String, List<String>> map = connection.getHeaderFields();
// 遍历所有的响应头字段
for (String key : map.keySet()) {
System.err.println(key + "--->" + map.get(key));
}
// 定义 BufferedReader输入流来读取URL的响应
BufferedReader in = new BufferedReader(new InputStreamReader(connection.getInputStream()));
String result = "";
String line;
while ((line = in.readLine()) != null) {
result += line;
}
/**
* 返回结果示例
*/
JSONObject jsonObject = new JSONObject(result);
String access_token = jsonObject.getString("access_token");
return access_token;
} catch (Exception e) {
return "获取token失败";
}
}
/**
*
* @param bytes 原图片字节数组
* @param desFileSize 指定图片大小,单位 kb
* @param accuracy 精度,递归压缩的比率,建议小于0.9
* @return
*/
public static byte[] commpressPicCycle(byte[] bytes, long desFileSize, double accuracy) throws IOException {
// 获取目标图片
// File imgFile = new File(desPath);
// long fileSize = imgFile.length();
long fileSize = bytes.length;
System.out.println("=====fileSize======== "+fileSize);
// 判断图片大小是否小于指定图片大小
if(fileSize <= desFileSize * 1024){
return bytes;
}
//计算宽高
BufferedImage bim = ImageIO.read(new ByteArrayInputStream(bytes));
int imgWidth = bim.getWidth();
System.out.println(imgWidth+"====imgWidth=====");
int imgHeight = bim.getHeight();
int desWidth = new BigDecimal(imgWidth).multiply( new BigDecimal(accuracy)).intValue();
System.out.println(desWidth+"====desWidth=====");
int desHeight = new BigDecimal(imgHeight).multiply( new BigDecimal(accuracy)).intValue();
ByteArrayOutputStream baos = new ByteArrayOutputStream(); //字节输出流（写入到内存）
Thumbnails.of(new ByteArrayInputStream(bytes)).size(desWidth, desHeight).outputQuality(accuracy).toOutputStream(baos);
//如果不满足要求,递归直至满足要求
return commpressPicCycle(baos.toByteArray(), desFileSize, accuracy);
}
}
1 @RequestMapping(value = "/getIdCard", method = RequestMethod.POST)
2 @WithoutAuthentication
3 public Result getIdCard(@RequestBody Object file){
4
5 Result result = new Result();
6 String auth = BaiDuCardIdentification.getAuth("client_id","client_secret");//获取access_token
7 //识别身份证信息 是要传入的两个参数 一个是access_token 另一个是文件的路径
8 String idcard = BaiDuCardIdentification.getIdCardMessage(auth, file.toString());
9 JSONObject parse = JSONObject.parseObject(idcard); //将百度返回给我们的身份证信息 转换为json对象
10 String idcard_number_type = parse.get("idcard_number_type").toString();//获取idcard_number_type判断身份证是否合法
11
12 if (idcard.contains("edit_tool")) {//如果你的身份证图片被修改过 会返回这个字段 值为哪一个软件编辑过
13 result.setCode("300");
14 result.setData("身份证被"+parse.get("edit_tool").toString()+"编辑过,请重新上传");
15 return result;
16 }
17 if (parse.get("image_status").toString().equals("non_idcard")) {//判断你上传的这张图片是否是个身份证图片
18 result.setCode("300");
19 result.setData("身份证不合格,请上传身份证照片面图片");
20 return result;
21 }
22 if (idcard_number_type.equals("1")) {//只有idcard_number_type值为1的时候是合格的 其他的均为不合格
23 result.setCode("0");
24 result.setData(parse);
25 return result;
26
27 }
28 //身份证不合格的就返回它的错误码 可以到官方文档查看具体的错误类型
29 result.setCode("200");
30 result.setData("身份证不合法错误码为:"+idcard_number_type);
31 return result;
32
33 }
内容总结
以上是互联网集市为您收集整理的uniapp 身份证识别 微信 百度 图片前端压缩 图片后端压缩全部内容，希望文章能够帮你解决uniapp 身份证识别 微信 百度 图片前端压缩 图片后端压缩所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】