CN109360149A - 一种图片上传方法、系统及终端设备 - Google Patents
一种图片上传方法、系统及终端设备 Download PDFInfo
- Publication number
- CN109360149A CN109360149A CN201811119402.8A CN201811119402A CN109360149A CN 109360149 A CN109360149 A CN 109360149A CN 201811119402 A CN201811119402 A CN 201811119402A CN 109360149 A CN109360149 A CN 109360149A
- Authority
- CN
- China
- Prior art keywords
- picture
- current network
- browser
- composition
- format
- 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 47
- 238000006243 chemical reaction Methods 0.000 claims abstract description 16
- 238000007906 compression Methods 0.000 claims description 35
- 230000006835 compression Effects 0.000 claims description 34
- 238000004590 computer program Methods 0.000 claims description 20
- 238000010422 painting Methods 0.000 claims description 17
- 238000011144 upstream manufacturing Methods 0.000 claims description 6
- 230000007704 transition Effects 0.000 claims description 4
- 238000007405 data analysis Methods 0.000 claims 1
- 238000001514 detection method Methods 0.000 claims 1
- 230000006978 adaptation Effects 0.000 abstract description 10
- 238000012545 processing Methods 0.000 abstract description 7
- 238000004458 analytical method Methods 0.000 abstract description 3
- 238000005516 engineering process Methods 0.000 abstract description 3
- 230000006870 function Effects 0.000 description 11
- 230000008569 process Effects 0.000 description 10
- 238000012360 testing method Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 238000012546 transfer Methods 0.000 description 4
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 230000003044 adaptive effect Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000009466 transformation Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000001747 exhibiting effect Effects 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
-
- 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]
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明适用于计算机技术领域,提供了一种图片上传方法、系统及终端设备,包括:获取当前网络数据,根据当前网络数据分析当前网络状况;获取图片的图片数据,图片数据包括图片大小、图片尺寸以及图片格式;根据当前网络状况对图片的图片大小进行调整;根据图片的图片尺寸分析图片的构图方向,并基于图片的构图方向和浏览器的显示方向对图片的显示方向进行调整;获取目标图片格式,将图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。通过分析当前的网络环境、浏览器的显示方向以及所需的目标图片格式,根据当前网络状况压缩图片大小,自动适配显示方向,自动转换图片格式。实现智能适配处理图片和上传图片,提高了用户的使用体验。
Description
技术领域
本发明属于计算机技术领域,尤其涉及一种图片上传方法、系统及终端设备。
背景技术
在网页中拍照上传照片,其实是通过ActiveX控件调用摄像头控件实现拍照和上传照片,其中调用的摄像头控件用于在Web编程中完成图像采集,并上传到服务器当中,其支持USB外置摄像头、内置摄像头及部分型号高拍仪设备,摄像头控件工作在客户端浏览器中,支持多种服务器端编程技术及部署环境,支持asp、jsp、php、asp.net等常见的服务器端编程技术,图像采集结果支持jpg和bmp等图片格式。然而通过网页拍照上传照片仅仅是将图片进行上传,而不能根据网络环境对图片进行适应性的调整,不能较好地提高用户体验。
综上所述,目前通过网页拍摄和上传图片时,存在无法根据网络环境对图片进行适应性调整以提高用户体验的问题。
发明内容
有鉴于此,本发明实施例提供了一种图片上传方法、系统及终端设备,以解决目前通过网页拍摄和上传图片时,存在无法根据网络环境对图片进行适应性调整以提高用户体验的问题。
本发明的第一方面提供了一种图片上传方法,包括:
获取当前网络数据,根据所述当前网络数据分析当前网络状况;
获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式;
根据所述当前网络状况对所述图片的图片大小进行调整;
根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整;
获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
本发明的第二方面提供了一种图片上传系统,包括:
网络数据获取模块,用于获取当前网络数据,根据所述当前网络数据分析当前网络状况;
图片数据获取模块,用于获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式;
图片大小调整模块,用于根据所述当前网络状况对所述图片的图片大小进行调整;
显示方向调整模块,用于根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整;
格式转换模块,用于获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
本发明的第三方面提供了一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
获取当前网络数据,根据所述当前网络数据分析当前网络状况;
获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式;
根据所述当前网络状况对所述图片的图片大小进行调整;
根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整;
获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
本发明的第四方面提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
获取当前网络数据,根据所述当前网络数据分析当前网络状况;
获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式;
根据所述当前网络状况对所述图片的图片大小进行调整;
根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整;
获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
本发明提供的一种图片上传方法、系统及终端设备,通过分析当前的网络环境、浏览器的显示方向以及所需的目标图片格式,根据当前网络状况压缩图片大小,自动适配显示方向,自动转换图片格式。实现智能适配处理图片和上传图片,有效地提高了用户的使用体验。解决了目前通过网页拍摄和上传图片时,存在无法根据网络环境对图片进行适应性调整以提高用户体验的问题。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例一提供的一种图片上传方法的实现流程示意图;
图2是本发明实施例二提供的对应实施例一步骤S101的实现流程示意图;
图3是本发明实施例三提供的对应实施例一步骤S103的实现流程示意图;
图4是本发明实施例四提供的对应实施例一步骤S104的实现流程示意图;
图5是本发明实施例五提供的一种图片上传系统的结构示意图;
图6是本发明实施例六提供的对应实施例五中网络数据获取模块101的结构示意图;
图7是本发明实施例七提供的对应实施例五中图片大小调整模块103的结构示意图;
图8是本发明实施例八提供的对应实施例五中显示方向调整模块104的结构示意图;
图9是本发明实施例九提供的终端设备的示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本发明实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本发明。在其它情况中,省略对众所周知的系统、系统、电路以及方法的详细说明,以免不必要的细节妨碍本发明的描述。
本发明实施例为了解决目前通过网页拍摄和上传图片时,存在无法根据网络环境对图片进行适应性调整以提高用户体验的问题,提供了一种图片上传方法、系统及终端设备,通过分析当前的网络环境、浏览器的显示方向以及所需的目标图片格式,根据当前网络状况压缩图片大小,自动适配显示方向,自动转换图片格式。实现智能适配处理图片,提升用户体验。解决了目前通过网页拍摄和上传图片时,存在无法根据网络环境对图片进行适应性调整以提高用户体验的问题。
为了说明本发明所述的技术方案,下面通过具体实施例来进行说明。
实施例一:
如图1所示,本实施例提供了一种图片上传方法,其具体包括:
步骤S101:获取当前网络数据,根据所述当前网络数据分析当前网络状况。
在具体应用中,通过客户端浏览器发送网络测试请求至服务器,服务器根据该网络测试请求向客户端发送测速命令,并与客户端配合进行网速测试。具体的,在客户端布置网页测速站点,自动使用IE浏览器打开网页测速站点,利用插件记录下访问所述网页测速站点的网页速度数据,进而获取到当前网络数据。通过分析该当前网络数据进而确定当前网络状况。其中,当前网络数据包括:固定时间内的往返时延、每秒上传速率、每秒下载速率、上传平均数据传输速率、下载平均数据传输速率、上传带宽、下载带宽、下载UDP丢包率及上传UDP丢包率。
步骤S102:获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式。
在具体应用中,通过客户端浏览器读取图片的图片数据,由于需要上传的图片是通过ActiveX控件调用摄像头控件进行图片采集的,因此通过ActiveX控件就能读取到摄像头控件拍摄图片的图片数据。
步骤S103:根据所述当前网络状况对所述图片的图片大小进行调整。
在具体应用中,上述图片大小是指图片占用的存储空间,当图片越大,则上传图片时占用的网络资源越多。通过对当前网络状况进行分析,根据当前网络状况对图片大小进行适应性的调整。若当前网络状况较差则对图片进行压缩,若当前网络状况较好则不对图片进行压缩。
需要说明的是,上述判断当前网络状况较好或较差,可以通过设置网络压缩阈值,判断当前网络的每秒上传速率是否大于上述网络压缩阈值,若是,则表明当前网络状况较好,反之,则表明当前网络较差。
在具体应用中,判断当前网络的每秒上传速率是否大于上述网络压缩阈值,若是,则不对图片进行压缩,否则,则对图片进行压缩。
在具体应用中,通过canvas画布在当前网络的每秒上传速率小于网络压缩阈值时压缩图片大小。压缩图片大小是根据当前网络状况进行压缩的,根据当前网络环境按比例的压缩图片大小。需要说明的是canvas画布能够对图片无失真的压缩。图片大小的调整过程只需保证图片的纵横比保持不变,并对所述图片的像素进行压缩,使其占用的存储空间变小,就能在保证图片有用信息完整的情况下对图片大小进行调整。
在具体应用中,上述通过canvas画布压缩图片大小的具体过程如下:
1、获取图片,并将图片转化为base64字符串;
2、新建canvas标签,同比渲染base64字符串形成渲染图片;
3、通过Canvas内置的方法,对渲染图片按照设定的比例进行压缩;
4、将压缩后的渲染图片转换为blob对象,并通过浏览器接口输出至服务器。
步骤S104:根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整。
在具体应用中,获取图片的分辨率信息,根据所述分辨率信息得到图片尺寸,进而得到图片的长度和宽度。通过分析图片的长度和宽度判断图片的构图方向,若图片的宽度大于图片的长度,即为横向构图;若图片的宽度小于图片的长度,即为竖向构图。
在具体应用中,浏览器的显示方向包括横屏显示和竖屏显示。上述浏览器的显示方向可以通过浏览器获取终端的显示参数进行确定。通过确定对应的终端是横屏状态还是竖屏状态来进行分析。若对应的终端是横屏状态,则浏览器的显示方向是横屏显示,若对应的终端是竖屏状态,则浏览器的显示方向是横屏显示。具体的,通过添加onorientationchange监听事件,由浏览器获取浏览器对应终端的window.orientation参数,进而判断终端是横屏状态还是竖屏状态。当window.orientation为0/180时,则所述终端处于横屏状态,相应的,浏览器的显示方向为横屏显示,当window.orientation为+90/-90时,则所述终端处于竖屏状态,相应的,浏览器的显示方向为竖屏显示。
在具体应用中,在上述浏览器为横屏显示的基础上,若图片的构图方向为横向构图,即图片的宽度大于图片的长度时,则不对图片的显示方向进行调整,若图片的构图方向为竖向构图,即图片的宽度小于图片的长度,则将图片的宽度替换为图片的长度,将图片的长度替换为图片的宽度。
在具体应用中,在上述浏览为竖屏显示的基础上,若图片的构图方向为竖向构图,即图片的宽度小于图片的长度时,则不对图片的显示方向进行调整,若图片的构图方向为横向构图,即图片的宽度大于图片的长度,则将图片的宽度替换为图片的长度,将图片的长度替换为图片的宽度。实现图片的显示方向自适应浏览器的显示方向,使得图片的显示方向与浏览器的显示方向一致。
步骤S105:获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
在具体应用中,根据浏览器支持的图片格式类型和服务器的上传需求获取目标图片格式,判断所述图片的图片格式是否为目标图片格式。若是,则不对所述图片的图片格式进行转换;否则,利用图片格式转换工具将所述图片的图片格式转换为目标图片格式。
在具体应用中,识别图片的格式及浏览器支持的图片格式类型,基于所识别的图片格式和所述浏览器支持的图片格式类型确定所述图片是否能够直接通过网页显示在所述浏览器中,若是,则直接加载该图片到所述网页中。反之,在确定所识别的格式的图片不能直接通过网页显示在所述浏览器中时,则通过浏览器调用格式转换工具,将所述图片的格式转换为目标图片格式,并将转换格式后的图片载入网页中。
示例性的,当所述图片的格式为SWF格式,而浏览器支持的图片格式类型为JPG、BMP及PNG。也就是说,浏览器无法直接加载SWF格式的图片,此时浏览器利用SWF-PNG格式转换软件,将所述图片的格式由SWF格式转换成PNG格式,并将转换为PNG格式的图片载入网页中。
在具体应用中,识别图片格式以及上传服务器所需的图片格式,判断所识别的图片格式和服务器所需的图片格式是否一致,若是,则不对图片格式进行转换,反之,则将图片的格式转换为目标图片格式,并将转换格式后的图片载入网页中,方便后续上传至服务器。
示例性的,当图片格式为PNG格式,而服务器所需的图片格式为JPG格式,则浏览器利用PNG-JPG格式转换软件,将所述图片的格式转换成JPG格式,并将转换为JPG格式的图片载入网页中,方便后续上传至服务器。
在一个实施例中,上述图片上传方法100还包括以下步骤:
步骤S106:根据服务器的上传需求获取图像上传尺寸。
在具体应用中,由于在上传图片时,服务器对图片的尺寸也会有所要求,因此根据服务器的上传需求获取图像上传尺寸。
步骤S107:通过canvas画布根据所述图像上传尺寸对所述图片进行剪裁,获取满足上传需求的图片。
在具体应用中,利用canvas画布在浏览器上对图片进行裁剪,以获取满足图像上传尺寸的图片。
在具体应用中,利用canvas画布实现图片的裁剪的具体过程如下:
1、图片上传之后使用fileReader将图片文件转换成base64png格式图片,实现预览;
2、通过移动图像选择框,即mousedown,mouseup事件的配合使用,根据图像上传尺寸对图片实现裁剪;
3、展示图片裁剪后的效果,确保图片有效信息的完整性;
4、通过html5formData,将裁剪后的图片文件转换成blob对象,并通过浏览器接口输出至服务器。
本实施例提供的图片上传方法,通过分析当前的网络环境、浏览器的显示方向以及所需的目标图片格式,根据当前网络状况压缩图片大小,自动适配显示方向,自动转换图片格式,还可以自动对图片进行裁剪,使得图片满足上传需求。实现智能适配处理图片和上传图片,有效地提高了用户的使用体验。解决了目前通过网页拍摄和上传图片时,存在无法根据网络环境对图片进行适应性调整以提高用户体验的问题。
实施例二:
如图2所示,在本实施例中,实施例一中的步骤S101具体包括:
步骤S201:通过浏览器获取当前网络的上行数据,根据所述当前网络的上行数据确定当前网络的上传速度。
在具体应用中,通过获取当前网络的上行数据,当前网络的上传速度包括、每秒上传速率、上传平均数据传输速率及上传带宽等。通过每秒上传速率、上传平均数据传输速率及上传带宽确定当前网络的上传速度。
步骤S202:根据所述当前网络的上传速度确定当前网络状况的网络等级。
在具体应用中,过设置分级阈值,将网络状况进行等级划分,确定网络等级表。分级阈值根据网络的上传速度进行设置。第一级的分级阈值高于第二级的分级阈值,属于第一级的网络的上传速度高于属于第二季的网络的上传速度,以此类推。若当前网络的上传速度属于上述网络等级表的某一级别范围内,则该级别为当前网络的网络级别。
示例性的,假设将网络状况分为5个网络级别,第一级别的分级阈值为300k/s,第二级别的分级阈值为200k/s,第三级别的分级阈值为150k/s,第四级别的分级阈值为100k/s。当前网络的上传速度为220k/s时,则当前网络状况的网络等级为第二级别。
实施例三:
如图3所示,在本实施例中,实施例一中的步骤S103具体包括:
步骤S301:判断当前网络状况是否满足压缩条件。
在具体应用中,若当前网络状况即其上传速度较快,则不需要对图片进行压缩。因此先判断当前网络状况是否满足压缩条件。具体的,判断当前网络的上传速度是否小于图片压缩阈值,若是,则满足压缩条件。需要说明的是,上述图片压缩阈值可以根据使用经验进行设置。
步骤S302:若所述当前网络状况满足所述压缩条件,则获取所述当前网络状况的网络等级。
在具体应用中,由于当前网络状况满足压缩条件,因此需要根据当前网络的网络状况来对图片大小进行压缩,因此获取当前网络状况的网络等级。上述获取当前网络状况的网络等级详见实施例二,在此不加以赘述。
步骤S303:根据所述当前网络状况的网络等级获取图片压缩等级。
在具体应用中,根据当前网络状况的网络等级获取与其对应的图片压缩等级。具体的,通过预先设置网络等级与图片压缩等级的对应关系,网络等级越高则对应的图片压缩等级越低。在得到当前网络状况的网络等级后就能对应的获取到图片压缩等级。不同的图片压缩等级对应的压缩比例不同,压缩等级越高则压缩比例越大。
步骤S304:通过canvas画布根据所述图片压缩等级对所述图片的图片大小进行压缩。
在具体应用中,通过图片压缩等级获取对应的压缩比例,根据该压缩比例通过canvas画布对图片的图片大小进行压缩。具体压缩过程参见实施例一的步骤S103,在此不加以赘述。
本实施例能够根据当前网络状况对图片的图片大小进行分级压缩。在保证图片有用信息完整的情况下针对当前网络状况进行图片大小的压缩调整。自适应地调整图片大小,提高图片上传的速度。
实施例四:
如图4所示,在本实施例中,实施例一中的步骤S104具体包括:
步骤S401:根据所述图片的图片尺寸分析所述图片的构图方向,所述构图方向包括竖向构图和横向构图。
在具体应用中,获取图片的分辨率信息,根据所述分辨率信息得到图片尺寸,进而得到图片的长度和宽度。通过分析图片的长度和宽度判断图片的构图方向,若图片的宽度大于图片的长度,即为横向构图;若待上传图片的宽度小于待上传图片的长度,即为竖向构图。
步骤S402:获取浏览器的显示方向,所述浏览器的显示方向包括横屏显示和竖屏显示。
在具体应用中,通过调用浏览器的显示参数,如分辨率信息。根据浏览器的显示参数确定浏览器的显示方向。确定浏览器为横屏显示还是竖屏显示。
步骤S403:若所述浏览器为横屏显示且所述构图方向为竖向构图,或所述浏览器为竖屏显示且所述构图方向为横向构图,则通过canvas画布将所述图片的宽度转换为所述图片的长度,将所述图片的长度转换为所述图片的宽度。
步骤S404:若所述浏览器为横屏显示且所述构图方向为横向构图,或所述浏览器为竖屏显示且所述构图方向为竖向构图,则不对所述图片的显示方向进行调整。
在具体应用中,当图片的构图方向与浏览器的显示方向不一致时,则需要对图片的显示方向进行调整。当图片的显示方向和浏览器的显示方向一致时,就不需要再对图片的显示方向进行调整了。即在浏览器为横屏显示且所述构图方向为横向构图以及浏览器为竖屏显示且所述构图方向为竖向构图的情况下,不对所述图片的显示方向进行调整。在浏览器为横屏显示且所述构图方向为竖向构图以及浏览器为竖屏显示且所述构图方向为横向构图的情况下,对图像的显示角度进行调整。实现图片显示方向自适应浏览器的显示方向,无需人为调整图像的显示方向。具体调整过程请参见实施例一步骤S104,在此不加以赘述。
实施例五:
如图5所示,本实施例提供一种图片上传系统100,用于执行实施例一中的方法步骤,其包括网络数据获取模块101、图片数据获取模块102以及图片大小调整模块103、显示方向调整模块104以及格式转换模块105。
网络数据获取模块101用于获取当前网络数据,根据所述当前网络数据分析当前网络状况。
图片数据获取模块102用于获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式。
图片大小调整模块103用于根据所述当前网络状况对所述图片的图片大小进行调整。
显示方向调整模块104用于根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整。
格式转换模块105用于获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
在一个实施例中,上述图片上传系统还包括裁剪模块。
上述裁剪模块用于根据服务器的上传需求获取图像上传尺寸;通过canvas画布根据所述图像上传尺寸对所述图片进行剪裁,获取满足上传需求的图片。
需要说明的是,本发明实施例提供的图片上传系统,由于与本发明图1所示方法实施例基于同一构思,其带来的技术效果与本发明图1所示方法实施例相同,具体内容可参见本发明图1所示方法实施例中的叙述,此处不再赘述。
因此,本实施例提供的一种图片上传系统,同样能够分析当前的网络环境、浏览器的显示方向以及所需的目标图片格式,根据当前网络状况压缩图片大小,自动适配显示方向,自动转换图片格式。实现智能适配处理图片,提升用户体验。解决了目前通过网页拍摄和上传图片时,存在无法根据网络环境对图片进行适应性调整以提高用户体验的问题。
实施例六:
如图6所示,在本实施例中,实施例五中的网络数据获取模块101包括用于执行图2所对应的实施例中的方法步骤的结构,其包括计算单元201及等级确定单元202。
计算单元201用于通过浏览器获取当前网络的上行数据,根据所述当前网络的上行数据确定当前网络的上传速度。
等级确定单元202用于根据所述当前网络的上传速度确定当前网络状况的网络等级。
实施例七:
如图7所示,在本实施例中,实施例五中的图片大小调整模块103包括用于执行图3所对应的实施例中的方法步骤的结构,其包括压缩条件判断单元301、网络等级获取单元302、压缩等级获取单元303以及图片压缩单元304。
压缩条件判断单元301用于判断当前网络状况是否满足压缩条件。
网络等级获取单元302用于若所述当前网络状况满足所述压缩条件,则获取所述当前网络状况的网络等级。
压缩等级获取单元303用于根据所述当前网络状况的网络等级获取图片压缩等级。
图片压缩单元304用于通过canvas画布根据所述图片压缩等级对所述图片的图片大小进行压缩,其中,所述图片大小是指图片占用的存储空间。
实施例八:
如图8所示,在本实施例中,实施例五中的显示方向调整模块104包括用于执行图4所对应的实施例中的方法步骤的结构,其包括分析单元401、显示方向获取单元402以及调整单元403。
分析单元401用于根据所述图片的图片尺寸分析所述图片的构图方向,所述构图方向包括竖向构图和横向构图。
显示方向获取单元402用于获取浏览器的显示方向,所述浏览器的显示方向包括横屏显示和竖屏显示。
调整单元403用于若所述浏览器为横屏显示且所述构图方向为竖向构图,或所述浏览器为竖屏显示且所述构图方向为横向构图,则通过canvas画布将所述图片的宽度转换为所述图片的长度,将所述图片的长度转换为所述图片的宽度;若所述浏览器为横屏显示且所述构图方向为横向构图,或所述浏览器为竖屏显示且所述构图方向为竖向构图,则不对所述图片的显示方向进行调整。
实施例九:
图9是本发明实施例九提供的终端设备的示意图。如图9所示,该实施例的终端设备9包括:处理器90、存储器91以及存储在所述存储器91中并可在所述处理器90上运行的计算机程序92,例如程序。所述处理器90执行所述计算机程序92时实现上述各个图片上传方法实施例中的步骤,例如图1所示的步骤S101至S105。或者,所述处理器90执行所述计算机程序92时实现上述系统实施例中各模块/单元的功能,例如图5所示模块101至105的功能。
示例性的,所述计算机程序92可以被分割成一个或多个模块/单元,所述一个或者多个模块/单元被存储在所述存储器91中,并由所述处理器90执行,以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述所述计算机程序92在所述终端设备9中的执行过程。例如,所述计算机程序92可以被分割成网络数据获取模块、图片数据获取模块、图片大小调整模块、显示方向调整模块以及格式转换模块,各模块具体功能如下:
网络数据获取模块,用于获取当前网络数据,根据所述当前网络数据分析当前网络状况;
图片数据获取模块,用于获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式;
图片大小调整模块,用于根据所述当前网络状况对所述图片的图片大小进行调整;
显示方向调整模块,用于根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整;
格式转换模块,用于获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
所述终端设备9可以是桌上型计算机、笔记本、掌上电脑及云端管理服务器等计算设备。所述终端设备可包括,但不仅限于,处理器90、存储器91。本领域技术人员可以理解,图9仅仅是终端设备9的示例,并不构成对终端设备9的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如所述终端设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器90可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器91可以是所述终端设备9的内部存储单元,例如终端设备9的硬盘或内存。所述存储器91也可以是所述终端设备9的外部存储设备,例如所述终端设备9上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储器91还可以既包括所述终端设备9的内部存储单元也包括外部存储设备。所述存储器91用于存储所述计算机程序以及所述终端设备所需的其他程序和数据。所述存储器91还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述系统的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述无线终端中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本发明所提供的实施例中,应该理解到,所揭露的系统/终端设备和方法,可以通过其它的方式实现。例如,以上所描述的系统/终端设备实施例仅仅是示意性的,例如,所述模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,系统或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
所述设置为分离部件说明的单元可以是或者也可以不是物理上分开的,设置为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的模块/单元如果以软件功能单元的形式实现并设置为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或系统、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括是电载波信号和电信信号。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (10)
1.一种图片上传方法,其特征在于,包括:
获取当前网络数据,根据所述当前网络数据分析当前网络状况;
获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式;
根据所述当前网络状况对所述图片的图片大小进行调整;
根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整;
获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
2.根据权利要求1所述的图片上传方法,其特征在于,所述获取当前网络数据,根据所述当前网络数据分析当前网络状况,包括:
通过浏览器获取当前网络的上行数据,根据所述当前网络的上行数据确定当前网络的上传速度;
根据所述当前网络的上传速度确定当前网络状况的网络等级。
3.根据权利要求1所述的逻辑漏洞安全检测方法,其特征在于,所述根据所述当前网络状况对所述图片的图片大小进行调整,包括:
判断当前网络状况是否满足压缩条件;
若所述当前网络状况满足所述压缩条件,则获取所述当前网络状况的网络等级;
根据所述当前网络状况的网络等级获取图片压缩等级;
通过canvas画布根据所述图片压缩等级对所述图片的图片大小进行压缩。
4.根据权利要求1所述的图片上传方法,其特征在于,所述根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整,包括:
根据所述图片的图片尺寸分析所述图片的构图方向,所述构图方向包括竖向构图和横向构图;
获取浏览器的显示方向,所述浏览器的显示方向包括横屏显示和竖屏显示;
若所述浏览器为横屏显示且所述构图方向为竖向构图,或所述浏览器为竖屏显示且所述构图方向为横向构图,则通过canvas画布将所述图片的宽度转换为所述图片的长度,将所述图片的长度转换为所述图片的宽度;
若所述浏览器为横屏显示且所述构图方向为横向构图,或所述浏览器为竖屏显示且所述构图方向为竖向构图,则不对所述图片的显示方向进行调整。
5.根据权利要求1所述的图片上传方法,其特征在于,还包括:
根据服务器的上传需求获取图像上传尺寸;
通过canvas画布根据所述图像上传尺寸对所述图片进行剪裁,获取满足上传需求的图片。
6.一种图片上传系统,其特征在于,包括:
网络数据获取模块,用于获取当前网络数据,根据所述当前网络数据分析当前网络状况;
图片数据获取模块,用于获取图片的图片数据,所述图片数据包括图片大小、图片尺寸以及图片格式;
图片大小调整模块,用于根据所述当前网络状况对所述图片的图片大小进行调整;
显示方向调整模块,用于根据所述图片的图片尺寸分析所述图片的构图方向,并基于所述图片的构图方向和浏览器的显示方向对所述图片的显示方向进行调整;
格式转换模块,用于获取目标图片格式,将所述图片的图片格式转换为目标图片格式,并将转换后的图片进行上传。
7.根据权利要求6所述的图片上传系统,其特征在于,所述图片大小调整模块包括:
压缩条件判断单元,用于判断当前网络状况是否满足压缩条件;
网络等级获取单元,用于若所述当前网络状况满足所述压缩条件,则获取所述当前网络状况的网络等级;
压缩等级获取单元,用于根据所述当前网络状况的网络等级获取图片压缩等级;
图片压缩单元,用于通过canvas画布根据所述图片压缩等级对所述图片的图片大小进行压缩,其中,所述图片大小是指图片占用的存储空间。
8.根据权利要求6所述的图片上传系统,其特征在于,所述显示方向调整模块包括:
分析单元,用于根据所述图片的图片尺寸分析所述图片的构图方向,所述构图方向包括竖向构图和横向构图;
显示方向获取单元,用于获取浏览器的显示方向,所述浏览器的显示方向包括横屏显示和竖屏显示;
调整单元,用于若所述浏览器为横屏显示且所述构图方向为竖向构图,或所述浏览器为竖屏显示且所述构图方向为横向构图,则通过canvas画布将所述图片的宽度转换为所述图片的长度,将所述图片的长度转换为所述图片的宽度;若所述浏览器为横屏显示且所述构图方向为横向构图,或所述浏览器为竖屏显示且所述构图方向为竖向构图,则不对所述图片的显示方向进行调整。
9.一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至5任一项所述方法的步骤。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至5任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811119402.8A CN109360149A (zh) | 2018-09-25 | 2018-09-25 | 一种图片上传方法、系统及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811119402.8A CN109360149A (zh) | 2018-09-25 | 2018-09-25 | 一种图片上传方法、系统及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109360149A true CN109360149A (zh) | 2019-02-19 |
Family
ID=65347727
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811119402.8A Pending CN109360149A (zh) | 2018-09-25 | 2018-09-25 | 一种图片上传方法、系统及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109360149A (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110245291A (zh) * | 2019-05-23 | 2019-09-17 | 广州至真信息科技有限公司 | 一种业务数据的显示方法、装置、计算机设备和存储介质 |
CN110825282A (zh) * | 2019-09-18 | 2020-02-21 | 五八有限公司 | 一种图片展示方法、装置、电子设备及存储介质 |
CN111104631A (zh) * | 2019-11-30 | 2020-05-05 | 四川商通实业有限公司 | 一种Webp图片格式转换方法 |
CN111159447A (zh) * | 2019-12-27 | 2020-05-15 | 海南简族信息技术有限公司 | 一种图片展示方法、装置、设备及计算机可读存储介质 |
CN112306967A (zh) * | 2020-10-30 | 2021-02-02 | 深圳市小喵科技有限公司 | 一种文件上传的方法、装置及计算机可读存储介质 |
CN112422827A (zh) * | 2020-11-17 | 2021-02-26 | 联想(北京)有限公司 | 信息处理方法、装置及设备和存储介质 |
CN112954030A (zh) * | 2021-01-30 | 2021-06-11 | 北京奇保信安科技有限公司 | 一种Web端图片压缩方法、装置及电子设备 |
CN113505108A (zh) * | 2021-07-09 | 2021-10-15 | 苏州万店掌网络科技有限公司 | 一种基于Canvas的图片压缩处理方法、装置及存储介质 |
CN114095783A (zh) * | 2021-11-29 | 2022-02-25 | 中国平安财产保险股份有限公司 | 图片上传方法、装置、计算机设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020085030A1 (en) * | 2000-12-29 | 2002-07-04 | Jamal Ghani | Graphical user interface for an interactive collaboration system |
US20140181969A1 (en) * | 2012-12-21 | 2014-06-26 | State Farm Mutual Automobile Insurance Company | System and Method for Uploading and Verifying a Document |
CN104978115A (zh) * | 2014-04-02 | 2015-10-14 | 腾讯科技(深圳)有限公司 | 内容显示方法及装置 |
CN105162863A (zh) * | 2015-09-01 | 2015-12-16 | 北京皮尔布莱尼软件有限公司 | 一种图片上传装置、方法和计算设备 |
US20160078010A1 (en) * | 2013-04-15 | 2016-03-17 | Beijing Qihoo Technology Company Limited | Device And Method For Presenting Pictures |
CN106210135A (zh) * | 2016-08-25 | 2016-12-07 | 乐视控股(北京)有限公司 | 图片资源下载处理方法、终端和资源服务器 |
CN107943443A (zh) * | 2017-12-13 | 2018-04-20 | 广东欧珀移动通信有限公司 | 照片的显示控制方法、装置、存储介质及电子设备 |
-
2018
- 2018-09-25 CN CN201811119402.8A patent/CN109360149A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020085030A1 (en) * | 2000-12-29 | 2002-07-04 | Jamal Ghani | Graphical user interface for an interactive collaboration system |
US20140181969A1 (en) * | 2012-12-21 | 2014-06-26 | State Farm Mutual Automobile Insurance Company | System and Method for Uploading and Verifying a Document |
US20160078010A1 (en) * | 2013-04-15 | 2016-03-17 | Beijing Qihoo Technology Company Limited | Device And Method For Presenting Pictures |
CN104978115A (zh) * | 2014-04-02 | 2015-10-14 | 腾讯科技(深圳)有限公司 | 内容显示方法及装置 |
CN105162863A (zh) * | 2015-09-01 | 2015-12-16 | 北京皮尔布莱尼软件有限公司 | 一种图片上传装置、方法和计算设备 |
CN106210135A (zh) * | 2016-08-25 | 2016-12-07 | 乐视控股(北京)有限公司 | 图片资源下载处理方法、终端和资源服务器 |
CN107943443A (zh) * | 2017-12-13 | 2018-04-20 | 广东欧珀移动通信有限公司 | 照片的显示控制方法、装置、存储介质及电子设备 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110245291A (zh) * | 2019-05-23 | 2019-09-17 | 广州至真信息科技有限公司 | 一种业务数据的显示方法、装置、计算机设备和存储介质 |
CN110825282A (zh) * | 2019-09-18 | 2020-02-21 | 五八有限公司 | 一种图片展示方法、装置、电子设备及存储介质 |
CN110825282B (zh) * | 2019-09-18 | 2024-01-05 | 五八有限公司 | 一种图片展示方法、装置、电子设备及存储介质 |
CN111104631A (zh) * | 2019-11-30 | 2020-05-05 | 四川商通实业有限公司 | 一种Webp图片格式转换方法 |
CN111159447A (zh) * | 2019-12-27 | 2020-05-15 | 海南简族信息技术有限公司 | 一种图片展示方法、装置、设备及计算机可读存储介质 |
CN112306967A (zh) * | 2020-10-30 | 2021-02-02 | 深圳市小喵科技有限公司 | 一种文件上传的方法、装置及计算机可读存储介质 |
CN112422827A (zh) * | 2020-11-17 | 2021-02-26 | 联想(北京)有限公司 | 信息处理方法、装置及设备和存储介质 |
CN112954030A (zh) * | 2021-01-30 | 2021-06-11 | 北京奇保信安科技有限公司 | 一种Web端图片压缩方法、装置及电子设备 |
CN113505108A (zh) * | 2021-07-09 | 2021-10-15 | 苏州万店掌网络科技有限公司 | 一种基于Canvas的图片压缩处理方法、装置及存储介质 |
CN114095783A (zh) * | 2021-11-29 | 2022-02-25 | 中国平安财产保险股份有限公司 | 图片上传方法、装置、计算机设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109360149A (zh) | 一种图片上传方法、系统及终端设备 | |
CN110533097A (zh) | 一种图像清晰度识别方法、装置、电子设备及存储介质 | |
US9537926B1 (en) | Network page latency reduction | |
CN110535869B (zh) | 一种基于压缩算法的数据传输方法、终端设备及存储介质 | |
CN109308681A (zh) | 图像处理方法和装置 | |
CN105025068B (zh) | 网络数据下载方法和装置 | |
CN109743356B (zh) | 工业互联网数据采集方法及装置、可读存储介质和终端 | |
CN109949264A (zh) | 一种图像质量评价方法、设备及存储设备 | |
CN106686130B (zh) | 农业物联网监测数据的装置和系统、及其显示方法和系统 | |
CN112910890B (zh) | 基于时间卷积网络的匿名网络流量指纹识别方法及设备 | |
CN109376981B (zh) | 数据处理方式的确定方法、装置、服务器和数据处理方法 | |
CN110084742A (zh) | 一种视差图预测方法、装置及电子设备 | |
CN109657535A (zh) | 图片识别方法、目标设备及云平台 | |
CN116521344B (zh) | 一种基于资源总线的ai算法调度方法及系统 | |
CN110287388B (zh) | 数据可视化方法及装置 | |
US20180270492A1 (en) | Content-based transcoder | |
EP4149111A1 (en) | Method for determining video coding test sequence, related apparatus and computer program product | |
CN107294812B (zh) | 网络检测方法、网络检测装置及智能终端 | |
CN109379629A (zh) | 视频处理方法、装置、电子设备及存储介质 | |
CN114494933A (zh) | 基于边缘智能的水文监测站图像识别监测系统 | |
CN107592297A (zh) | 一种移动侦测的方法、系统及终端设备 | |
CN114677584A (zh) | 一种双注意力机制配电站水浸识别方法及系统 | |
CN113645419A (zh) | 图像处理方法及装置、电子设备及计算机可读存储介质 | |
KR20220116899A (ko) | 인공지능을 이용한 실시간 ip망 성능 평가 방법 및 장치 | |
CN114173194B (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 |