CN108363809A - 一种在pc端信息录入界面上传照片的方法 - Google Patents
一种在pc端信息录入界面上传照片的方法 Download PDFInfo
- Publication number
- CN108363809A CN108363809A CN201810192183.XA CN201810192183A CN108363809A CN 108363809 A CN108363809 A CN 108363809A CN 201810192183 A CN201810192183 A CN 201810192183A CN 108363809 A CN108363809 A CN 108363809A
- Authority
- CN
- China
- Prior art keywords
- photo
- upload
- input interface
- user
- mobile terminal
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9554—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL] by using bar codes
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06K—GRAPHICAL DATA READING; PRESENTATION OF DATA; RECORD CARRIERS; HANDLING RECORD CARRIERS
- G06K7/00—Methods or arrangements for sensing record carriers, e.g. for reading patterns
- G06K7/10—Methods or arrangements for sensing record carriers, e.g. for reading patterns by electromagnetic radiation, e.g. optical sensing; by corpuscular radiation
- G06K7/14—Methods or arrangements for sensing record carriers, e.g. for reading patterns by electromagnetic radiation, e.g. optical sensing; by corpuscular radiation using light without selection of wavelength, e.g. sensing reflected white light
- G06K7/1404—Methods for optical code recognition
- G06K7/1408—Methods for optical code recognition the method being specifically adapted for the type of code
- G06K7/1417—2D bar codes
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- General Physics & Mathematics (AREA)
- General Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Toxicology (AREA)
- Electromagnetism (AREA)
- Health & Medical Sciences (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种在PC端信息录入界面上传照片的方法。在PC端打开信息录入界面;点击需要上传照片的信息项旁的扫码链接;信息录入界面显示二维码;用户使用移动终端进行扫码,移动终端系统的内置浏览器自动定位到上传页面;用户在移动终端选择使用内置相机拍照或调用媒体库文件;移动终端上显示拍摄或调用的照片预览,若照片满足用户要求,从移动终端系统内置浏览器上传该照片至服务器;服务器接收到该照片后,信息录入界面上的二维码消失,并提示照片上传成功,在相关信息项旁显示照片,同时在移动终端上提示照片上传操作完成。本发明解决了用户在PC端填写表单时上传照片效率低的问题。
Description
技术领域
本发明属于信息传输技术领域,特别涉及了一种在PC端信息录入界面上传照片的方法。
背景技术
各类信息系统如MIS系统或者各种用户注册系统,常见需要用户填写表单,在表单填写时常在录入基本信息项之外需要用户上传各类照片,例如个人近照、证书照片、身份证照片等,用户在填写表单时多使用PC进行操作,此时如需要上传照片而PC端里没有照片时通常需要经过:
1)手机或相机拍照;
2)无线或有线方式将照片文件拷贝至PC;
3)在表单界面选择硬盘中的文件。
其中步骤2)和3)都会比较耗时,特别是如果表单需要上传的照片较多的情况下还会涉及到照片命名、选择正确的照片文件等多个复杂操作,用户容易操作失误增加表单填写的错误率,并进一步影响用户体验。
目前随着移动设备的普及,各类智能系统以及常用的手机APP(如微信)都内置了扫码功能,同时智能手机中的浏览器普遍都支持了较新的HTML5标准,支持直接调用相机或文件库功能,如果使用微信扫码还提供了更为友好的调用及预览功能,利用移动终端的这一特性可以提供一种快速上传照片的方法。
发明内容
为了解决上述背景技术提出的技术问题,本发明旨在提供一种在PC端信息录入界面上传照片的方法,提高在填写信息时照片上传的效率。
为了实现上述技术目的,本发明的技术方案为:
一种在PC端信息录入界面上传照片的方法,包括以下步骤:
(1)用户在PC端打开信息录入界面;
(2)在信息录入界面上,需要上传照片的信息项旁设置了扫码上传照片的链接,点击该链接;
(3)信息录入界面显示二维码,并提示用户使用移动终端扫描该二维码;
(4)用户使用移动终端进行扫码,移动终端系统的内置浏览器自动定位到上传页面,此时信息录入界面提示扫码操作已完成;
(5)用户在移动终端选择使用内置相机拍照或调用媒体库文件;
(6)移动终端上显示拍摄或调用的照片预览,若照片满足用户要求,从移动终端系统内置浏览器上传该照片至服务器;
(7)服务器接收到该照片后,信息录入界面上的二维码消失,并提示照片上传成功,在相关信息项旁显示照片,同时在移动终端上提示照片上传操作完成。
基于上述技术方案的优选方案,在步骤(3)中,在显示的二维码旁提示用户需要在预设时间内进行扫码,若用户在预设时间内未进行扫码操作,二维码自动消失。
基于上述技术方案的优选方案,所述移动终端为智能手机或平板电脑。
采用上述技术方案带来的有益效果:
为了解决用户在PC端填写表单时上传照片效率低的问题,本发明通过移动终端扫描二维码上传照片,尽可能减少用户操作步骤,同时利用二维码传递各类信息保证了安全性和唯一性。
附图说明
图1是本发明的方法流程图;
图2是扫码上传照片链接的示意图;
图3是显示二维码的示意图。
具体实施方式
下面详细描述本发明的实施方式,所述实施方式的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施方式是示例性的,仅用于解释本发明,而不能解释为对本发明的限制。
本技术领域技术人员可以理解的是,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。
本技术领域技术人员可以理解的是,除非另外定义,这里使用的所有术语(包括技术术语和科学术语)具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是,诸如通用字典中定义的那些术语应该被理解为具有与现有技术的上下文中的意义一致的意义,并且除非像这里一样定义,不会用理想化或过于正式的含义来解释。
本发明设计的一种在PC端信息录入界面上传照片的方法,如图1所示,包括以下步骤。
步骤1:用户在PC端打开信息录入界面;
步骤2:信息录入界面上,需要上传照片的信息项旁设置了“扫码上传照片”的链接,如图2所示,点击该链接;
步骤3:信息录入界面显示二维码,并提示用户在2分钟内使用移动终端扫描该二维码,如图3所示;
步骤4:用户使用移动终端进行扫码,移动终端系统的内置浏览器自动定位到上传页面,此时信息录入界面提示扫码操作已完成;
步骤5:用户在移动终端选择使用内置相机拍照或调用媒体库文件;
步骤6:移动终端上显示拍摄或调用的照片预览,若照片满足用户要求,从移动终端系统内置浏览器上传该照片至服务器;
步骤7:服务器接收到该照片后,信息录入界面上的二维码消失,并提示照片上传成功,在相关信息项旁显示照片,同时在移动终端上提示照片上传操作完成。
1、信息系统数据库中需要有单独记录上传相关信息的表,主要字段如下表:
表1
字段名 | 说明 |
UPLOAD_ID | 上传标识用于识别每次上传 |
CLIENT_UID | 上传客户端临时的唯一标识 |
START_TIME | 二维码开始时间,超期后失效 |
FILE_URL | 上传的文件在服务器上的地址 |
LOGIN_NAME | 用户唯一标识 |
2、用户在点击“扫码上传”时,出现的二维码是信息系统用于在手机端显示的页面的网址,在二维码出现前需要首先在上传信息表中生成一个新的记录,并将UPLOAD_ID放在在二维码中,出现二维码后服务器端开启符合Servlet2.0长链接,根据事件响应及时输出。
3、用户的移动设备访问二维码网址页面,该页面获取UPLOAD_ID参数,首先检查UPLOAD_ID是否在有效时间范围,对应的CLIENT_UID是否还未初始化(如果上传信息表里已经有CLIENT_UID则说明其他设备已经使用了该UPLOAD_ID),如果UPLOAD_ID合法且CLIENT_UID未初始化则,创建一个UUID写入客户设备COOKIE并设置一定失效时间,将该UUID回写数据库,处理完成后出现相关界面,同时上一步的长链接输出“已经扫码”。
4、在移动端上传界面隐含两个HTML5File控件,其中一个Capture属性设置为camera,用于调用相机模块。
5、如果用户使用微信进行扫码,则虽然界面不变,但是用户点击按钮后实际操作改为调用微信的相关SDK的方法(打开相机或打开媒体库)。
6、用户拍照或选择了文件后,使用HTML5File API或微信相关接口方法生成预览。
7、用户确定好照片后使用HTML5File API或微信接口上传到服务器上。
8、服务器相关页面接受上传文件,进行处理(如对图片进行重命名、生成缩略图等),成功后移动端页面输出成功提示,同时长链接输出相关上传文件信息,在PC端界面上显示出已经上传的页面。
本技术领域技术人员可以理解的是,本发明可以涉及用于执行本申请中所述操作中的一项或多项操作的设备。所述设备可以为所需的目的而专门设计和制造,或者也可以包括通用计算机中的已知设备,所述通用计算机有存储在其内的程序选择性地激活或重构。这样的计算机程序可以被存储在设备(例如,计算机)可读介质中或者存储在适于存储电子指令并分别耦联到总线的任何类型的介质中,所述计算机可读介质包括但不限于任何类型的盘(包括软盘、硬盘、光盘、CD-ROM、和磁光盘)、随机存储器(RAM)、只读存储器(ROM)、电可编程ROM、电可擦ROM(EPROM)、电可擦除可编程ROM(EEPROM)、闪存、磁性卡片或光线卡片。可读介质包括用于以由设备(例如,计算机)可读的形式存储或传输信息的任何机构。例如,可读介质包括随机存储器(RAM)、只读存储器(ROM)、磁盘存储介质、光学存储介质、闪存装置、以电的、光的、声的或其他的形式传播的信号(例如载波、红外信号、数字信号)等。
本技术领域技术人员可以理解的是,可以用计算机程序指令来实现这些结构图和/或框图和/或流图中的每个框以及这些结构图和/或框图和/或流图中的框的组合。可以将这些计算机程序指令提供给通用计算机、专业计算机或其他可编程数据处理方法的处理器来生成机器,从而通过计算机或其他可编程数据处理方法的处理器来执行的指令创建了用于实现结构图和/或框图和/或流图的框或多个框中指定的方法。
本技术领域技术人员可以理解的是,本发明中已经讨论过的各种操作、方法、流程中的步骤、措施、方案可以被交替、更改、组合或删除。进一步地,具有本发明中已经讨论过的各种操作、方法、流程中的其他步骤、措施、方案也可以被交替、更改、重排、分解、组合或删除。进一步地,现有技术中的具有与本发明中公开的各种操作、方法、流程中的步骤、措施、方案也可以被交替、更改、重排、分解、组合或删除。
Claims (3)
1.一种在PC端信息录入界面上传照片的方法,其特征在于,包括以下步骤:
(1)用户在PC端打开信息录入界面;
(2)在信息录入界面上,需要上传照片的信息项旁设置了扫码上传照片的链接,点击该链接;
(3)信息录入界面显示二维码,并提示用户使用移动终端扫描该二维码;
(4)用户使用移动终端进行扫码,移动终端系统的内置浏览器自动定位到上传页面,此时信息录入界面提示扫码操作已完成;
(5)用户在移动终端选择使用内置相机拍照或调用媒体库文件;
(6)移动终端上显示拍摄或调用的照片预览,若照片满足用户要求,从移动终端系统内置浏览器上传该照片至服务器;
(7)服务器接收到该照片后,信息录入界面上的二维码消失,并提示照片上传成功,在相关信息项旁显示照片,同时在移动终端上提示照片上传操作完成。
2.根据权利要求1所述一种在PC端信息录入界面上传照片的方法,其特征在于,在步骤(3)中,在显示的二维码旁提示用户需要在预设时间内进行扫码,若用户在预设时间内未进行扫码操作,二维码自动消失。
3.根据权利要求1所述一种在PC端信息录入界面上传照片的方法,其特征在于,所述移动终端为智能手机或平板电脑。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810192183.XA CN108363809A (zh) | 2018-03-09 | 2018-03-09 | 一种在pc端信息录入界面上传照片的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810192183.XA CN108363809A (zh) | 2018-03-09 | 2018-03-09 | 一种在pc端信息录入界面上传照片的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108363809A true CN108363809A (zh) | 2018-08-03 |
Family
ID=63003994
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810192183.XA Pending CN108363809A (zh) | 2018-03-09 | 2018-03-09 | 一种在pc端信息录入界面上传照片的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108363809A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110113297A (zh) * | 2019-03-19 | 2019-08-09 | 广州市轩辕云翰信息科技有限公司 | 一种信访事项登记方法、电子设备及存储介质 |
CN110535917A (zh) * | 2019-08-14 | 2019-12-03 | 泰安协同软件有限公司 | 一种数据录入与照片同步采集方法及系统 |
CN111625165A (zh) * | 2019-02-28 | 2020-09-04 | 北京字节跳动网络技术有限公司 | 一种媒体文件的处理方法、装置、终端及存储介质 |
CN113032205A (zh) * | 2021-02-24 | 2021-06-25 | 北京金山云网络技术有限公司 | 图片的上传方法及装置、存储介质、电子设备 |
CN116614490A (zh) * | 2023-04-28 | 2023-08-18 | 广州市良策网络技术有限公司 | 跨设备数据传输方法、设备和计算机可读存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN203894779U (zh) * | 2014-04-28 | 2014-10-22 | 鼎兴联通(北京)网络科技有限公司 | 一种便携式手持数据采集仪 |
GB2528510A (en) * | 2014-07-24 | 2016-01-27 | Stephen David Urwin-Wright | Barcode or QR scanner readable electronic portable device |
CN106375454A (zh) * | 2016-09-07 | 2017-02-01 | 深圳市友为软件有限公司 | 通过扫描图形标识上传文件的方法及系统 |
CN106934682A (zh) * | 2017-01-19 | 2017-07-07 | 浙江邻居智能科技有限公司 | 一种基于动态二维码识别技术的电动自行车租赁方法 |
CN206833412U (zh) * | 2016-12-24 | 2018-01-02 | 贵州冠宇科技有限公司 | 基于二维码的照片处理系统 |
-
2018
- 2018-03-09 CN CN201810192183.XA patent/CN108363809A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN203894779U (zh) * | 2014-04-28 | 2014-10-22 | 鼎兴联通(北京)网络科技有限公司 | 一种便携式手持数据采集仪 |
GB2528510A (en) * | 2014-07-24 | 2016-01-27 | Stephen David Urwin-Wright | Barcode or QR scanner readable electronic portable device |
CN106375454A (zh) * | 2016-09-07 | 2017-02-01 | 深圳市友为软件有限公司 | 通过扫描图形标识上传文件的方法及系统 |
CN206833412U (zh) * | 2016-12-24 | 2018-01-02 | 贵州冠宇科技有限公司 | 基于二维码的照片处理系统 |
CN106934682A (zh) * | 2017-01-19 | 2017-07-07 | 浙江邻居智能科技有限公司 | 一种基于动态二维码识别技术的电动自行车租赁方法 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111625165A (zh) * | 2019-02-28 | 2020-09-04 | 北京字节跳动网络技术有限公司 | 一种媒体文件的处理方法、装置、终端及存储介质 |
CN111625165B (zh) * | 2019-02-28 | 2022-03-18 | 北京字节跳动网络技术有限公司 | 一种媒体文件的处理方法、装置、终端及存储介质 |
CN110113297A (zh) * | 2019-03-19 | 2019-08-09 | 广州市轩辕云翰信息科技有限公司 | 一种信访事项登记方法、电子设备及存储介质 |
CN110535917A (zh) * | 2019-08-14 | 2019-12-03 | 泰安协同软件有限公司 | 一种数据录入与照片同步采集方法及系统 |
CN110535917B (zh) * | 2019-08-14 | 2022-09-20 | 泰安协同软件有限公司 | 一种数据录入与照片同步采集方法及系统 |
CN113032205A (zh) * | 2021-02-24 | 2021-06-25 | 北京金山云网络技术有限公司 | 图片的上传方法及装置、存储介质、电子设备 |
CN113032205B (zh) * | 2021-02-24 | 2024-06-04 | 北京金山云网络技术有限公司 | 图片的上传方法及装置、存储介质、电子设备 |
CN116614490A (zh) * | 2023-04-28 | 2023-08-18 | 广州市良策网络技术有限公司 | 跨设备数据传输方法、设备和计算机可读存储介质 |
CN116614490B (zh) * | 2023-04-28 | 2023-12-26 | 广州市良策网络技术有限公司 | 跨设备数据传输方法、设备和计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10841439B2 (en) | Mobile solution for importing and signing third-party electronic signature documents | |
CN108363809A (zh) | 一种在pc端信息录入界面上传照片的方法 | |
US8112406B2 (en) | Method and apparatus for electronic data discovery | |
CA2901804C (en) | Tax document imaging and processing | |
US20150019305A1 (en) | Systems and methods for following-up on business leads | |
US20170161248A1 (en) | System and Methods for Benefit Eligibility Verification | |
CN106230946A (zh) | 一种通过二维码扫描上传实现文件传输的方法 | |
CN104573079A (zh) | 智能图像文件上传管理方法 | |
CN109829123A (zh) | 一种信息发送方法及装置 | |
CN107092634A (zh) | 页面预览的实现方法和装置 | |
US20170132001A1 (en) | Code based configuration of mobile devices | |
CA2853386C (en) | Mobile solution for importing and signing third-party electronic signature documents | |
CN115526160A (zh) | 富文本处理方法、装置、设备及存储介质 | |
CN113268232B (zh) | 一种页面皮肤生成方法、装置和计算机可读存储介质 | |
CN107147732A (zh) | 图片处理方法、装置、客户端及服务端 | |
CN111049916A (zh) | 一种控制方法、装置、代理服务器及存储介质 | |
CN116112457A (zh) | 消息通知的方法、装置、计算机设备及存储介质 | |
CN114676671A (zh) | 文档在线编辑方法及其装置、计算机可读存储介质 | |
CA3158882A1 (en) | Systems and methods for hosting a video communications portal on an internal domain | |
CN112579589B (zh) | 信息导入方法及装置 | |
CN117827824A (zh) | 列表页面生成方法、装置、电子设备和存储介质 | |
AU2016102049A4 (en) | A System and Method for Facilitating Document Signing | |
CN107766093A (zh) | 一种功能模块的共享方法及客户端 | |
CN106970780A (zh) | 一种数据交互方法及装置 | |
CN116561466A (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 | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20180803 |
|
WD01 | Invention patent application deemed withdrawn after publication |