CN107295079A - 一种物联网流量卡的实名照片上传方法及系统 - Google Patents
一种物联网流量卡的实名照片上传方法及系统 Download PDFInfo
- Publication number
- CN107295079A CN107295079A CN201710464191.0A CN201710464191A CN107295079A CN 107295079 A CN107295079 A CN 107295079A CN 201710464191 A CN201710464191 A CN 201710464191A CN 107295079 A CN107295079 A CN 107295079A
- Authority
- CN
- China
- Prior art keywords
- real name
- picture
- internet
- name photo
- flow card
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 39
- 230000006835 compression Effects 0.000 claims abstract description 38
- 238000007906 compression Methods 0.000 claims abstract description 38
- 238000009877 rendering Methods 0.000 claims abstract description 23
- 230000015572 biosynthetic process Effects 0.000 claims abstract description 7
- 230000008859 change Effects 0.000 claims description 11
- 238000006243 chemical reaction Methods 0.000 claims description 9
- 230000009471 action Effects 0.000 claims description 8
- 238000005516 engineering process Methods 0.000 abstract description 8
- 230000006870 function Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 238000010422 painting Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N19/00—Methods or arrangements for coding, decoding, compressing or decompressing digital video signals
- H04N19/42—Methods or arrangements for coding, decoding, compressing or decompressing digital video signals characterised by implementation details or hardware specially adapted for video compression or decompression, e.g. dedicated software implementation
Landscapes
- Engineering & Computer Science (AREA)
- Signal Processing (AREA)
- Multimedia (AREA)
- Computer Networks & Wireless Communication (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开一种物联网流量卡的实名照片上传方法及系统，方法包括步骤：A、获取物联网流量卡的实名照片，并将实名照片转化为base64字符串；B、新建或查找已创建的Canvas标签并同比渲染base64字符串形成渲染图片；C、通过Canvas内置的方法，对渲染图片进行压缩；D、将压缩后的渲染图片通过接口传输至后端。本发明在上传前通过前段技术实现图片压缩，上传压缩后的图片，既可以减少用户的流量耗用，也可以缩短上传时间并节约服务器资源。相比现有的技术，本发明可以使实名认证更加自动化和流程化，减少人工处理的复杂度，和出错率。
Description
技术领域
本发明涉及图像处理领域，尤其涉及一种物联网流量卡的实名照片上传方法及系统。
背景技术
国家工信部、公安部规定，所有物联网流量卡都必须进行实名验证，实名认证系统是一个独立的框架，图片上传只是其中的一小部分环节，系统架构是由客户端软件、文件系统、缓存系统、消息队列和实名识别系统组成的。客户端有微信版和APP版，文件系统负责图片文件存储、二次压缩、CDN加速和主从备份方案；缓存系统主要实现用户数据的缓存，解决对数据库高频繁读写I/O压力，通过把热数据放在内存来读写，每天定时集中写库的机制；消息队列为了解决客户端实名申请异步处理审核机制，按先进先出的方式调取审核任务接口，每笔处理完把结果推送给用户；实名识别系统是利用了印刷图文识别技术对身份证号码、姓名进行识别，再与用户提交上来的数据进行校验，一致就认为通过，不一致就不通过，不通过的申请都会丢到客服系统，人工对数据捡漏处理。
为了实现客户的自助实名，需要上传照片进行验证，在物联网卡实名的过程中，需要上传身份证照片验证，由于现在的手机像素越来越高，导致图片越来越大，上传时间变长，如果网络质量不好很可能会出现上传超时等不利情况，造成上传失败。
也就是说，现有的图片上传方式基本都是原图上传，如果图片过大或者网络质量不好，出现上传超时等异常情况的几率大大提升，且流量耗用也大幅增加。
因此，现有技术还有待于改进和发展。
发明内容
鉴于上述现有技术的不足，本发明的目的在于提供一种物联网流量卡的实名照片上传方法及系统，旨在解决现有技术中物联网流量卡上传方式容易上传失败、流量耗用大等问题。
本发明的技术方案如下：
一种物联网流量卡的实名照片上传方法，其中，包括步骤：
A、获取物联网流量卡的实名照片，并将实名照片转化为base64字符串；
B、新建或查找已创建的Canvas标签并同比渲染base64字符串形成渲染图片；
C、通过Canvas内置的方法，对渲染图片进行压缩；
D、将压缩后的渲染图片通过接口传输至后端。
所述的物联网流量卡的实名照片上传方法，其中，所述步骤A具体包括：
A1、首先获取需要上传的实名照片；
A2、通过onchange事件监听数据是否发生变化，当数据发生变化时，新建一个FileReader的实例对象，并通过该实例对象的readAsDataURL方法将实名照片转化为base64字符串。
所述的物联网流量卡的实名照片上传方法，其中，所述步骤B具体包括：
B1、通过Canvas标签的标签ID获取到该Canvas标签，并将其定位于窗口之外；
B2、使用getContext生成一个Canvas的2d环境；
B3、通过drawImage渲染出等比大小的图片作为渲染图片。
所述的物联网流量卡的实名照片上传方法，其中，所述步骤C具体包括：
C1、使用toDataURL对渲染图片进行压缩，压缩后的质量为原图的50%-70%；
C2、获取压缩后的渲染图片。
所述的物联网流量卡的实名照片上传方法，其中，所述步骤A之前，判断需上传的物联网流量卡的实名照片是否为jpeg格式，则是进入步骤A，否则直接上传实名照片。
一种物联网流量卡的实名照片上传系统，其中，包括：
转化模块，用于获取物联网流量卡的实名照片，并将实名照片转化为base64字符串；
渲染模块，用于新建或查找已创建的Canvas标签并同比渲染base64字符串形成渲染图片；
压缩模块，用于通过Canvas内置的方法，对渲染图片进行压缩；
传输模块，用于将压缩后的渲染图片通过接口传输至后端。
所述的物联网流量卡的实名照片上传系统，其中，所述转化模块具体包括：
实名照片获取单元，用于首先获取需要上传的实名照片；
转化单元，用于通过onchange事件监听数据是否发生变化，当数据发生变化时，新建一个FileReader的实例对象，并通过该实例对象的readAsDataURL方法将实名照片转化为base64字符串。
所述的物联网流量卡的实名照片上传系统，其中，所述渲染模块具体包括：
定位单元，用于通过Canvas标签的标签ID获取到该Canvas标签，并将其定位于窗口之外；
生成单元，用于使用getContext生成一个Canvas的2d环境；
渲染单元，用于通过drawImage渲染出等比大小的图片作为渲染图片。
所述的物联网流量卡的实名照片上传系统，其中，所述压缩模块具体包括：
压缩单元，用于使用toDataURL对渲染图片进行压缩，压缩后的质量为原图的50%-70%；
渲染图片获取单元，用于获取压缩后的渲染图片。
所述的物联网流量卡的实名照片上传系统，其中，还包括：
判断模块，用于判断需上传的物联网流量卡的实名照片是否为jpeg格式，则是进入转化模块，否则直接上传实名照片。
有益效果：本发明在上传前通过前段技术实现图片压缩，上传压缩后的图片，既可以减少用户的流量耗用，也可以缩短上传时间并节约服务器资源。相比现有的技术，本发明可以使实名认证更加自动化和流程化，减少人工处理的复杂度，和出错率。
附图说明
图1为本发明一种物联网流量卡的实名照片上传方法较佳实施例的流程图。
图2为本发明一种物联网流量卡的实名照片上传系统较佳实施例的结构框图。
具体实施方式
本发明提供一种物联网流量卡的实名照片上传方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
请参阅图1，图1为本发明一种物联网流量卡的实名照片上传方法较佳实施例的流程图，如图所示，其包括步骤：
S1、获取物联网流量卡的实名照片，并将实名照片转化为base64字符串；
S2、新建或查找已创建的Canvas标签并同比渲染base64字符串形成渲染图片；
S3、通过Canvas内置的方法，对渲染图片进行压缩；
S4、将压缩后的渲染图片通过接口传输至后端。
通过本发明的方法，可以在上传前实现图片压缩，上传压缩后的图片，既可以减少用户的流量耗用，也可以缩短上传时间并节约服务器资源。
具体地，所述步骤S1具体包括：
S11、首先获取需要上传的实名照片；
S12、通过onchange事件监听数据是否发生变化，当数据发生变化时，新建一个FileReader的实例对象，并通过该实例对象的readAsDataURL方法将实名照片转化为base64字符串。
首先通过input标签file类型的功能让用户选择需要上传的物联网流量卡的实名照片，从而获取需要上传的实名照片；前端通过onchange事件监听该input标签的数据变化进行处理，当数据发生变化时，新建一个FileReader的实例对象，并通过该实例对象的readAsDataURL方法将实名照片转化为DataURL(base64字符串)。
使用onload事件监听文件是否读取转化完毕（即base64字符串是否转化完成），jQuery代码示例如下
$(‘#file’).on(‘change’,function(){var file = this.files[0];var fr = newFileReader();fr.readAsDataURL(file);fr.onload = function(evt){var res =evt.taeget.result;//res = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNby"//...}}}),可以从结果中获取到图片，也可以获取到图片格式。
进一步，所述步骤S2具体包括：
S21、通过Canvas标签的标签ID获取到该Canvas标签，并将其定位于窗口之外；
S22、使用getContext生成一个Canvas的2d环境；
S23、通过drawImage渲染出等比大小的图片作为渲染图片。
上述步骤中，通过Canvas(画布)标签的标签ID获取到该Canvas标签,如:<canvasid=’cavnvas’></canvas>,并将其定位于窗口之外,使用getContext(‘2d’)生成一个Canvas的2d环境，并通过drawImage(0,0,’100%’,’100%’,0,0),渲染出等比大小的图片作为渲染图片。
当然，在进行渲染时，还检测实名照片的大小,如果该实名照片大于1MB，则等比渲染在画布上。
进一步，所述步骤S3具体包括：
S31、使用toDataURL对渲染图片进行压缩，压缩后的质量为原图的50%-70%；
S32、获取压缩后的渲染图片。
上述步骤中，使用toDataURL("image/jpeg",quality(注:这个值决定图片的质量,在0-1之间)) 对渲染图片进行压缩，由于canvas的显示目前只能实现jpeg格式图片的压缩，其他格式的图片暂不处理，但在绝大多数的情况下可以进行压缩。
上述过程中，通过canvas内置函数降低渲染图片的清晰度，一般降为原图的50%-70%，通过调取接口测试，使压缩后的渲染图片识别失败率低于5%，从而达到缩小图片的效果。
进一步，所述步骤S1之前，判断需上传的物联网流量卡的实名照片是否为jpeg格式，则是进入步骤S1，否则直接上传实名照片。即只针对jpeg格式的图片进行处理，其他格式直接上传即可。
本发明还提供一种物联网流量卡的实名照片上传系统较佳实施例，如图2所示，其包括：
转化模块100，用于获取物联网流量卡的实名照片，并将实名照片转化为base64字符串；
渲染模块200，用于新建或查找已创建的Canvas标签并同比渲染base64字符串形成渲染图片；
压缩模块300，用于通过Canvas内置的方法，对渲染图片进行压缩；
传输模块400，用于将压缩后的渲染图片通过接口传输至后端。
进一步，所述转化模块100具体包括：
实名照片获取单元，用于首先获取需要上传的实名照片；
转化单元，用于通过onchange事件监听数据是否发生变化，当数据发生变化时，新建一个FileReader的实例对象，并通过该实例对象的readAsDataURL方法将实名照片转化为base64字符串。
进一步，所述渲染模块200具体包括：
定位单元，用于通过Canvas标签的标签ID获取到该Canvas标签，并将其定位于窗口之外；
生成单元，用于使用getContext生成一个Canvas的2d环境；
渲染单元，用于通过drawImage渲染出等比大小的图片作为渲染图片。
进一步，所述压缩模块300具体包括：
压缩单元，用于使用toDataURL对渲染图片进行压缩，压缩后的质量为原图的50%-70%；
渲染图片获取单元，用于获取压缩后的渲染图片。
所述的物联网流量卡的实名照片上传系统，其还包括：
判断模块，用于判断需上传的物联网流量卡的实名照片是否为jpeg格式，则是进入转化模块，否则直接上传实名照片。
关于上述模块单元的技术细节在前面的方法中已有详述，故不再赘述。
综上所述，本发明在上传前通过前段技术实现图片压缩，上传压缩后的图片，既可以减少用户的流量耗用，也可以缩短上传时间并节约服务器资源。相比现有的技术，本发明可以使实名认证更加自动化和流程化，减少人工处理的复杂度，和出错率。
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。
Claims (10)
1.一种物联网流量卡的实名照片上传方法，其特征在于，包括步骤：
A、获取物联网流量卡的实名照片，并将实名照片转化为base64字符串；
B、新建或查找已创建的Canvas标签并同比渲染base64字符串形成渲染图片；
C、通过Canvas内置的方法，对渲染图片进行压缩；
D、将压缩后的渲染图片通过接口传输至后端。
2.根据权利要求1所述的物联网流量卡的实名照片上传方法，其特征在于，所述步骤A具体包括：
A1、首先获取需要上传的实名照片；
A2、通过onchange事件监听数据是否发生变化，当数据发生变化时，新建一个FileReader的实例对象，并通过该实例对象的readAsDataURL方法将实名照片转化为base64字符串。
3.根据权利要求1所述的物联网流量卡的实名照片上传方法，其特征在于，所述步骤B具体包括：
B1、通过Canvas标签的标签ID获取到该Canvas标签，并将其定位于窗口之外；
B2、使用getContext生成一个Canvas的2d环境；
B3、通过drawImage渲染出等比大小的图片作为渲染图片。
4.根据权利要求1所述的物联网流量卡的实名照片上传方法，其特征在于，所述步骤C具体包括：
C1、使用toDataURL对渲染图片进行压缩，压缩后的质量为原图的50%-70%；
C2、获取压缩后的渲染图片。
5.根据权利要求1所述的物联网流量卡的实名照片上传方法，其特征在于，所述步骤A之前，判断需上传的物联网流量卡的实名照片是否为jpeg格式，则是进入步骤A，否则直接上传实名照片。
6.一种物联网流量卡的实名照片上传系统，其特征在于，包括：
转化模块，用于获取物联网流量卡的实名照片，并将实名照片转化为base64字符串；
渲染模块，用于新建或查找已创建的Canvas标签并同比渲染base64字符串形成渲染图片；
压缩模块，用于通过Canvas内置的方法，对渲染图片进行压缩；
传输模块，用于将压缩后的渲染图片通过接口传输至后端。
7.根据权利要求6所述的物联网流量卡的实名照片上传系统，其特征在于，所述转化模块具体包括：
实名照片获取单元，用于首先获取需要上传的实名照片；
转化单元，用于通过onchange事件监听数据是否发生变化，当数据发生变化时，新建一个FileReader的实例对象，并通过该实例对象的readAsDataURL方法将实名照片转化为base64字符串。
8.根据权利要求6所述的物联网流量卡的实名照片上传系统，其特征在于，所述渲染模块具体包括：
定位单元，用于通过Canvas标签的标签ID获取到该Canvas标签，并将其定位于窗口之外；
生成单元，用于使用getContext生成一个Canvas的2d环境；
渲染单元，用于通过drawImage渲染出等比大小的图片作为渲染图片。
9.根据权利要求6所述的物联网流量卡的实名照片上传系统，其特征在于，所述压缩模块具体包括：
压缩单元，用于使用toDataURL对渲染图片进行压缩，压缩后的质量为原图的50%-70%；
渲染图片获取单元，用于获取压缩后的渲染图片。
10.根据权利要求6所述的物联网流量卡的实名照片上传系统，其特征在于，还包括：
判断模块，用于判断需上传的物联网流量卡的实名照片是否为jpeg格式，则是进入转化模块，否则直接上传实名照片。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710464191.0A CN107295079A (zh) | 2017-06-19 | 2017-06-19 | 一种物联网流量卡的实名照片上传方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710464191.0A CN107295079A (zh) | 2017-06-19 | 2017-06-19 | 一种物联网流量卡的实名照片上传方法及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107295079A true CN107295079A (zh) | 2017-10-24 |
Family
ID=60096533
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710464191.0A Pending CN107295079A (zh) | 2017-06-19 | 2017-06-19 | 一种物联网流量卡的实名照片上传方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107295079A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109740087A (zh) * | 2018-11-23 | 2019-05-10 | 量子云未来（北京）信息科技有限公司 | 一种图片渲染方法、装置及系统 |
| CN110688545A (zh) * | 2019-08-19 | 2020-01-14 | 浙江浙大中控信息技术有限公司 | 轨道交通客流od数据3d可视化分析方法 |
| CN111274517A (zh) * | 2020-01-09 | 2020-06-12 | 深圳海带宝网络科技股份有限公司 | 一种移动端页面图片上传压缩及裁剪处理方法 |
| CN113505108A (zh) * | 2021-07-09 | 2021-10-15 | 苏州万店掌网络科技有限公司 | 一种基于Canvas的图片压缩处理方法、装置及存储介质 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102761564A (zh) * | 2011-04-25 | 2012-10-31 | 阿里巴巴集团控股有限公司 | 图形共享方法、系统与终端 |
| CN105335925A (zh) * | 2014-07-30 | 2016-02-17 | 北京畅游天下网络技术有限公司 | 一种图片的裁剪方法和浏览器装置 |
-
2017
- 2017-06-19 CN CN201710464191.0A patent/CN107295079A/zh active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102761564A (zh) * | 2011-04-25 | 2012-10-31 | 阿里巴巴集团控股有限公司 | 图形共享方法、系统与终端 |
| CN105335925A (zh) * | 2014-07-30 | 2016-02-17 | 北京畅游天下网络技术有限公司 | 一种图片的裁剪方法和浏览器装置 |
Non-Patent Citations (1)
| Title |
|---|
| 乁卬杨: "HTML5 JS 压缩图片,并取得图片的BASE64编码上传", 《博客园》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109740087A (zh) * | 2018-11-23 | 2019-05-10 | 量子云未来（北京）信息科技有限公司 | 一种图片渲染方法、装置及系统 |
| CN110688545A (zh) * | 2019-08-19 | 2020-01-14 | 浙江浙大中控信息技术有限公司 | 轨道交通客流od数据3d可视化分析方法 |
| CN111274517A (zh) * | 2020-01-09 | 2020-06-12 | 深圳海带宝网络科技股份有限公司 | 一种移动端页面图片上传压缩及裁剪处理方法 |
| CN113505108A (zh) * | 2021-07-09 | 2021-10-15 | 苏州万店掌网络科技有限公司 | 一种基于Canvas的图片压缩处理方法、装置及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11138203B2 (en) | Systems and methods for compressing and extracting information from marketplace taxonomies | |
| CN107295079A (zh) | 一种物联网流量卡的实名照片上传方法及系统 | |
| CN109784235A (zh) | 纸质表单的自动录入方法、装置、计算机设备和存储介质 | |
| WO2019100633A1 (zh) | 发票报销的方法、装置、存储介质及终端 | |
| KR20090084968A (ko) | 모바일 장치 시스템을 이용한 디지탈 이미지 아카이빙 및 검색 | |
| US20150039707A1 (en) | Document processing | |
| US20080294976A1 (en) | System and method for generating and communicating digital documents | |
| CN109598602B (zh) | 对账方法、装置、设备及计算机可读存储介质 | |
| CN109756760A (zh) | 视频标签的生成方法、装置及服务器 | |
| US20140142987A1 (en) | System and Method for Automating Insurance Quotation Processes | |
| US20210019511A1 (en) | Systems and methods for extracting data from an image | |
| CN111126370A (zh) | 一种基于ocr识别结果的最长公共子串自动纠错方法及系统 | |
| CN102855602B (zh) | 一种图片处理方法和装置 | |
| CN111984734A (zh) | 一种基于区块链的数据处理方法、装置、设备及存储介质 | |
| US9201838B2 (en) | Systems and methods for the efficient exchange of hierarchical data | |
| CN112464629A (zh) | 表单填写方法及装置 | |
| CN115994232A (zh) | 在线多版本文献同一性鉴别方法、系统及计算机设备 | |
| CN109816462A (zh) | 一种发票信息的识别方法及装置 | |
| CN105844274A (zh) | 一种图片自动识别的方法 | |
| US20130300562A1 (en) | Generating delivery notification | |
| CN114911753A (zh) | 一种演示文档的生成方法、装置、电子设备及存储介质 | |
| CN101390089A (zh) | 用于共享edi模式的可伸缩算法 | |
| CN110532186B (zh) | 利用验证码进行测试的方法、装置、电子设备和存储介质 | |
| TWI745724B (zh) | 行動文件辨識系統 | |
| CN113688418A (zh) | 基于区块链数据存储的工程订单结算方法及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20171024 |