CN110971632B - 图片处理方法、系统、介质和计算机系统 - Google Patents

图片处理方法、系统、介质和计算机系统 Download PDF

Info

Publication number
CN110971632B
CN110971632B CN201811153492.2A CN201811153492A CN110971632B CN 110971632 B CN110971632 B CN 110971632B CN 201811153492 A CN201811153492 A CN 201811153492A CN 110971632 B CN110971632 B CN 110971632B
Authority
CN
China
Prior art keywords
pictures
picture
group
uploading
editing
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.)
Active
Application number
CN201811153492.2A
Other languages
English (en)
Other versions
CN110971632A (zh
Inventor
苗艳辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201811153492.2A priority Critical patent/CN110971632B/zh
Publication of CN110971632A publication Critical patent/CN110971632A/zh
Application granted granted Critical
Publication of CN110971632B publication Critical patent/CN110971632B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/06Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Processing Or Creating Images (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开提供了一种图片处理方法,包括:将第一组图片上传到第一编辑区,其中,第一组图片包含至少一张图片;将其他组图片上传到其他编辑区,其中,其他组图片包含至少一组图片,且其他组图片中的每组图片包含至少一张图片;以及针对上传到第一编辑区和其他编辑区的多张图片,执行信息上传操作,以将多张图片,或者多张图片在云端的地址,或者多张图片中的第一图片以及多张图片中的除第一图片外的第二图片在云端的地址,同时上传到服务器。本公开提供了一种图片处理系统,一种计算机系统和一种计算机可读存储介质。

Description

图片处理方法、系统、介质和计算机系统
技术领域
本公开涉及互联网技术领域,更具体地,涉及一种图片处理方法,一种图片处理系统,一种计算机系统和一种计算机可读存储介质。
背景技术
目前,常用的图片上传方法有from表单上传方法和使用HTML5的FileReader对象的上传方法。
用from表单上传图片,需要在from中设置属性action请求链接,把本地图片上传到服务器,服务器再把图片地址返回,并把它替换成图片元素的src属性,如图3所示。
这种方法的缺点是,必须要先把图片上传到服务器。如果上传的图片很大,而网速又很慢,就需要等待很久预览图片才会显示出来,而且,如果用户预览图片后发现不满意,想重新选择一张图片,这时候还要把已经上传到服务器的图片给删掉。因此这种上传方法仅适用于图片不大的情况。此外,这种上传方法一次只能上传一张图片。
使用HTML5中FileReader对象上传图片,可以异步读取存储在用户计算机上的文件内容,如图4所示,相比from表单上传图片,这种上传方法一次能够上传多张图片。
但是,这种方法的缺点无法将多张图片分组上传。
发明内容
有鉴于此,本公开提供了一种能够将多张图片分组同时上传的图片处理方法和能够实现该方法的系统。
本公开的一个方面提供了一种图片处理方法,包括:将第一组图片上传到第一编辑区,其中,上述第一组图片包含至少一张图片;将其他组图片上传到其他编辑区,其中,上述其他组图片包含至少一组图片,且上述其他组图片中的每组图片包含至少一张图片;以及针对上传到上述第一编辑区和上述其他编辑区的多张图片,执行信息上传操作,以将上述多张图片,或者上述多张图片在云端的地址,或者上述多张图片中的第一图片以及上述多张图片中的除上述第一图片外的第二图片在云端的地址,同时上传到服务器。
根据本公开的实施例,上述方法还包括:在将目标图片在云端的地址上传到上述服务器之前,先将上述目标图片上传到云端,其中,上述目标图片至少包括上述多张图片或者上述第二图片。
根据本公开的实施例,上述方法还包括:在上述第一编辑区和/或上述其他编辑区,对编辑区中的图片执行以下操作中的一种或几种:删除图片;添加图片;变换图片的位置。
根据本公开的实施例,在执行上述信息上传操作之后,上述方法还包括:在第一显示区展示上述第一组图片;和/或在第二显示区展示上述其他组图片中的一组图片。
根据本公开的实施例,上述方法还包括:将上述第二显示区中展示的图片变换为上述其他组图片中的另一组图片。
根据本公开的实施例,上述第一组图片在第一显示区展示时所呈现的布局与上述第一组图片在上述第一编辑区中编辑时所呈现的布局相同或者类似。
本公开的另一个方面提供了一种图片处理系统,包括:第一上传模块,用于将第一组图片上传到第一编辑区,其中,上述第一组图片包含至少一张图片;第二上传模块,用于将其他组图片上传到其他编辑区,其中,上述其他组图片包含至少一组图片,且上述其他组图片中的每组图片包含至少一张图片;以及第三上传模块,用于针对上传到上述第一编辑区和上述其他编辑区的多张图片,执行信息上传操作,以将上述多张图片,或者上述多张图片在云端的地址,或者上述多张图片中的第一图片以及上述多张图片中的除上述第一图片外的第二图片在云端的地址,同时上传到服务器。
根据本公开的实施例,上述系统还包括:第四上传模块,用于在将目标图片在云端的地址上传到上述服务器之前,先将上述目标图片上传到云端,其中,上述目标图片至少包括上述多张图片或者上述第二图片。
根据本公开的实施例,上述系统还包括:编辑模块,用于在上述第一编辑区和/或上述其他编辑区,对编辑区中的图片执行以下操作中的一种或几种:删除图片;添加图片;变换图片的位置。
根据本公开的实施例,上述系统还包括展示模块,用于在执行上述信息上传操作之后:在第一显示区展示上述第一组图片;和/或在第二显示区展示上述其他组图片中的一组图片。
根据本公开的实施例,上述系统还包括:调整模块,用于将上述第二显示区中展示的图片变换为上述其他组图片中的另一组图片。
根据本公开的实施例,上述第一组图片在第一显示区展示时所呈现的布局与上述第一组图片在上述第一编辑区中编辑时所呈现的布局相同或者类似。
本公开的另一方面提供了一种计算机系统,包括:一个或多个处理器;存储器,用于存储一个或多个程序,其中,当上述一个或多个程序被上述一个或多个处理器执行时,使得上述一个或多个处理器实现如上任一项上述的方法。
本公开的另一方面提供了一种计算机可读存储介质,存储有计算机可执行指令,上述指令在被执行时用于实现如上任一项上述的方法。
本公开的另一方面提供了一种计算机程序,上述计算机程序包括计算机可执行指令,上述指令在被执行时用于实现如上任一项上述的方法。
根据本公开的实施例,因为采用了分组同时上传多张图片的技术手段,将第一组图片上传到第一编辑区,其中,第一组图片包含至少一张图片;将其他组图片上传到其他编辑区,其中,其他组图片包含至少一组图片,且其他组图片中的每组图片包含至少一张图片;以及针对上传到第一编辑区和其他编辑区的多张图片,执行信息上传操作,以将多张图片,或者多张图片在云端的地址,或者多张图片中的第一图片以及多张图片中的除第一图片外的第二图片在云端的地址,同时上传到服务器,所以至少部分地克服了相关技术中同时上传多张图片无法分组技术问题,进而达到了分组同时上传多张图片的技术效果。
附图说明
通过以下参照附图对本公开实施例的描述,本公开的上述以及其他目的、特征和优点将更为清楚,在附图中:
图1示意性示出了可以应用本公开的图片处理方法及系统的示例性系统架构;
图2示意性示出了根据本公开实施例的图片处理方法的流程图;
图3和图4示意性示出了传统的图片处理过程的时隙设置;
图5示意性示出了根据本公开实施例的图片处理过程的时隙设置;
图6示意性示出了根据本公开实施例的图片处理系统的框图;
图7~图10示意性示出了根据本公开实施例的图片处理系统的框图以及
图11示意性示出了根据本公开实施例的适于实现图片处理方法及系统的计算机系统的框图。
具体实施方式
以下,将参照附图来描述本公开的实施例。但是应该理解,这些描述只是示例性的,而并非要限制本公开的范围。在下面的详细描述中,为便于解释,阐述了许多具体的细节以提供对本公开实施例的全面理解。然而,明显地,一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外,在以下说明中,省略了对公知结构和技术的描述,以避免不必要地混淆本公开的概念。
在此使用的术语仅仅是为了描述具体实施例,而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在,但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。
在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义,除非另外定义。应注意,这里使用的术语应解释为具有与本说明书的上下文相一致的含义,而不应以理想化或过于刻板的方式来解释。
在使用类似于“A、B和C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。本领域技术人员还应理解,实质上任意表示两个或更多可选项目的转折连词和/或短语,无论是在说明书、权利要求书还是附图中,都应被理解为给出了包括这些项目之一、这些项目任一方、或两个项目的可能性。例如,短语“A或B”应当被理解为包括“A”或“B”、或“A和B”的可能性。
本公开的实施例提供了一种能够将多张图片分组同时上传的图片处理方法和能够实现该方法的系统。该方法包括将第一组图片上传到第一编辑区,其中,第一组图片包含至少一张图片;将其他组图片上传到其他编辑区,其中,其他组图片包含至少一组图片,且其他组图片中的每组图片包含至少一张图片;以及针对上传到第一编辑区和其他编辑区的多张图片,执行信息上传操作,以将多张图片,或者多张图片在云端的地址,或者多张图片中的第一图片以及多张图片中的除第一图片外的第二图片在云端的地址,同时上传到服务器。
图1示意性示出了可以应用本公开的图片处理方法及系统的示例性系统架构。需要注意的是,图1所示仅为可以应用本公开实施例的系统架构的示例,以帮助本领域技术人员理解本公开的技术内容,但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。
如图1所示,根据该实施例的系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线和/或无线通信链路等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端和/或社交平台软件等(仅为示例)。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理,并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。
需要说明的是,本公开实施例所提供的图片处理方法也可以由终端设备101、102、或103执行,或者也可以由不同于终端设备101、102、或103的其他终端设备执行。相应地,本公开实施例所提供的图片处理系统也可以设置于终端设备101、102、或103中,或设置于不同于终端设备101、102、或103的其他终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
需要说明的是,本公开提供的图片上传方法可以用于创建商品领域,比如,应用场景可以商家或者运营人员上传店铺商品和创建产品信息。用户通常看到的展示界面就是商品展示区和商品详情展示区,都可以通过本公开提供的方法实现。
图2示意性示出了根据本公开实施例的图片处理方法的流程图。
如图2所示,该方法包括操作S210~S230,其中:
在操作S210,将第一组图片上传到第一编辑区,其中,第一组图片包含至少一张图片;
在操作S220,将其他组图片上传到其他编辑区,其中,其他组图片包含至少一组图片,且其他组图片中的每组图片包含至少一张图片;以及
在操作S230,针对上传到第一编辑区和其他编辑区的多张图片,执行信息上传操作,以将多张图片,或者多张图片在云端的地址,或者多张图片中的第一图片以及多张图片中的除第一图片外的第二图片在云端的地址,同时上传到服务器。
也即,在本公开实施例中,在实现多张图片分组上传时,需要先将各组图片上传到对应的编辑区,在将上传到这些编辑区的多组图片同时上传到服务器。
具体地,可以预先设置多个编辑区,每个编辑区可以上传一组图片,每组图片的张数也可以预先设置,比如默认每组图片为6张。此外,这些编辑区既可以提供编辑功能,又可以提供预览功能。并且,对其中一个编辑区进行操作时,其他的编辑区可以先收起,等到需要编辑的时候再展开。
例如,由于同一款运动鞋一般包括几种颜色,如有白色、红色、蓝色、黑色,使用本公开提供的方案上传一款运动鞋的展示图,可以将宣传图作为一组,将白色运动鞋的不同角度的6张图作为一组、将红色运动鞋的不同角度的6张图作为一组、将蓝色运动鞋的不同角度的6张图作为一组、将黑色运动鞋的不同角度的6张图作为一组,每勾选一种颜色,可以相应的提交一组图片到编辑区,其中,上传白色款运动鞋的一组图片时,本编辑区可以展开,其它颜色对应的图片编辑区域可以收起。
这些编辑区的图片来源可以是计算机本地,可以是预先设置的云存储空间即云端,还可以是计算机本地和云端的混合。需要说明的是,来源于计算机本地的图片,在上传到服务器时,需要将图片本身上传到服务器,因此需要占用大量的存储空间,而来源于云端的图片,在上传到服务器时,只需要将图片在云端的URL地址上传到服务器,因此需要占用存储空间相对较小。
如图5所示,选择本地图片上传的操作如下:点击本地上传按钮,向客户端控制台发送了一条指令,控制台接收到指令后进行判断,发现用户正在进行图片上传操作,会调用打开本地文件夹的功能,让用户可以在本地选择一张或者多张图片,当用户选择完成后,控制台会关闭文件夹选择窗口,同时将用户选好的图片名称和存储地址存放到模型层的数据集中,然后将数据上传到云端,云端接受客户端请求上传的图片前,会先根据预先设定的程序判定图片是否符合上传要求,若符合,云端接收所请求的图片,开始进行存储,存储完成后,不管成功还是失败,会下发一条指令到客户端,告诉用户是否上传成功。如果成功,客户端会把返回的图片的URL地址存到到一个数组中,然后将图片回显到电脑的界面上,以供用户浏览,如果上传失败,会向客户端返回错误识别码,然后控制台根据返回状态,显示错误提示信息,用户就能直观地看到自已是否已将图片上传成功。
选择云端图片上传实际上就是从云端获取图片的数据集,按照分页接口的功能,展示在编辑区。云端的图片可以是之前客户端本地上传的图片。选择云端图片上传可以直接跳过从客户端本地上传云端的操作。用户通过选择,客户端可以直接通过判断用户的点击行为,来给编辑区赋值,进行编辑区图片的回显,并将图片的名称和URL存储到数组中。
此外,用户还可以混合使用上述两种上传方式,等到用户进行保存操作即上传服务器的操作时,将存储图片的数组和其它表单数据,一起上传到服务器,进行数据库的存储操作。服务器存储完成后,下发客户端执行结果,界面层可以弹出一个对话框,告诉用户是否保存成功。
需要说明的是,在本公开实施例中,多组图片上传是一步操作完成,即这多张图片是同时上传的,是一组数据流,不是图片队列。
此外,本公开还提供了一个快捷方法,通过点击“使用图片”按钮,可以快速复制一组图片到对应的图片编辑区。具体地,客户端接收到用户要快速使用图片的操作后,直接将被复制的一组图片的图片数据复制一份,存储到数组中,这样保存的时候,就可以直接上传到服务器了。
与现有技术在进行图片上传时,要么只能一张一张的按图片队列上传(如图3所示),要么只能多张图片一起不分组的上传(如图4所示),本公开实施例能够分组同时上传多张图片,克服了现有技术的上述缺陷。
此外,如图4所示的多张图片上传方法,由于采用了HTML5中FileReader对象,因此支持低版本的IE浏览器,存在浏览器兼容性差的问题。而本公开技术方案可以选用jquery开发,使得所提供的图片上传方法可以兼容IE7以上、chrome、Firefox等常用浏览器,能够克服相关技术中浏览器兼容性差的缺陷。
作为一种可选的实施例,该方法还可以包括:在将目标图片在云端的地址上传到服务器之前,先将目标图片上传到云端,其中,目标图片至少包括多张图片或者第二图片。
如前文所述,在将本地图片上传到服务器之前,可以先将它们上传到云端,这样上传服务器时,就可以直接将这些图片在云端的URL地址上传给服务器,而无需上传图片本身,从而节约服务器端的存储空间。并且,下次上传图片时,除了可以上传本地图片之外,还能直接从云端中选择想要上传的图片。
作为一种可选的实施例,该方法还包括:在第一编辑区和/或其他编辑区,对编辑区中的图片执行以下操作中的一种或几种:删除图片;添加图片;变换图片的位置。
由于本公开实施例中,各编辑区不仅提供了编辑功能,还提供了预览功能,因此图片上传至编辑区后,如果用户对预览效果不满意,可以删除不满意的图片,比如删除6张图片中的第2张图片,同时还可以重新添加自己满意的图片,比如第2张图片删除后,还可以在第2张图片的位置上传一张新的图片,或者,继续添加第7、8……张图片,并且如果用户对已上传的图片之间的前后位置不满意,亦可以变化它们的位置,比如调换第3张图片和第4张图片的位置,等等。
具体地,图片删除的操作实际上删除的是存储图片的数组里的值,根据图片对应的位置,按照索引值,删除图片数据集中所对应的值。
此外,对于编辑区,还可以根据实际需要限定所上传的图片的文件格式。
通过本公开实施例,在编辑区编辑可以实现边编辑边编辑边预览的目的,并且可以避免直接上传到服务器,而导致后续编辑操作尤其是删除和变换图片的位置需要操作服务器,导致操作流程复杂的问题。
作为一种可选的实施例,在执行信息上传操作之后,该方法还包括:
在第一显示区展示第一组图片;和/或
在第二显示区展示其他组图片中的一组图片。
其中,第一显示区对应于前文所述的第一编辑区,第二显示区对应于前文所述的其他编辑区。实施例,可以将不同编辑区编辑上传的图片定义为不同的类。
例如,如前述示例,对于一具有白色、红色、蓝色、黑色等款的运动鞋,可以将第一显示区展示的一组图片定义为宣传图,将第二显示区展示的一组图片定义为白色款、红色款、蓝色款、黑色款中的一款的展示图。这样,可以一次只展示宣传图,或者可以一次只展示一款运动鞋的展示图,或者一次只展示宣传图和一款运动鞋的展示图。
通过本公开实施例,一次仅展示一组图片或者两组图片,而不是将所有的图片组都展示出来,可以节约展示区。此外,为了进一步节约展示区,对于任一组图片,还以滑动展示,即一次只展示一组图片中的一张。
作为一种可选的实施例,该方法还包括:将第二显示区中展示的图片变换为其他组图片中的另一组图片。
具体地,其他组图片图片一般包括多组,为了使每组图片都有机会展示,可以设置组别选择按钮,以使得第二显示区能够根据用户选择分时展示不同组别的图片。
例如,如前述示例,对于一具有白色、红色、蓝色、黑色等款的运动鞋,假设第一显示区展示该款运动鞋的宣传图,将第二显示区当前展示的是白色款运动鞋的主图和各个细节图,如果用户想要查看黑色款运动鞋的主图和各个细节图,则可以将选中“黑色”按钮,使得第二显示区变换为展示黑色款运动鞋的主图和各个细节图的状态。
通过本公开实施例,不同组别的图片可以根据用户实际需要,分时占用展示区,从而一次仅展示一组图片,即可以使得每组图片都有机会展示,又可以节约展示区。
作为一种可选的实施例,第一组图片在第一显示区展示时所呈现的布局与第一组图片在第一编辑区中编辑时所呈现的布局相同或者类似。
同理,其他组图片在第二显示区展示时所呈现的布局与也这些组图片在对应编辑区中编辑时所呈现的布局相同或者类似。
例如,如前述示例,对于白色款的运动鞋图片组,假设在编辑区中一共添加了6张图片,按顺序依次为主图、细节图1、细节图2、细节图3、细节图4、细节图5一字摆开,则在第二显示区这款白色运动鞋的展示图也会是按顺序依次为主图、细节图1、细节图2、细节图3、细节图4、细节图5一字摆开,即布局相同;或者在第二显示区这款白色运动鞋的展示图会按为主图、细节图1、细节图2、细节图3、细节图4、细节图5的顺序依次叠加,并按照用户的滑动操作依次展示,即布局类似。
图6示意性示出了根据本公开实施例的图片处理系统的框图。
如图6所示,该图片处理系统600包括:第一上传模块610、第二上传模块620和第三上传模块630。
第一上传模块610,用于将第一组图片上传到第一编辑区,其中,第一组图片包含至少一张图片;
第二上传模块620,用于将其他组图片上传到其他编辑区,其中,其他组图片包含至少一组图片,且其他组图片中的每组图片包含至少一张图片;以及
第三上传模块630,用于针对上传到第一编辑区和其他编辑区的多张图片,执行信息上传操作,以将多张图片,或者多张图片在云端的地址,或者多张图片中的第一图片以及多张图片中的除第一图片外的第二图片在云端的地址,同时上传到服务器。
与现有技术在进行图片上传时,要么只能一张一张的按图片队列上传(如图3所示),要么只能多张图片一起不分组的上传(如图4所示),本公开实施例能够分组同时上传多张图片,克服了现有技术的上述缺陷。
作为一种可选的实施例,如图7所示,该图片处理系统600还包括:第四上传模块640,用于在将目标图片在云端的地址上传到服务器之前,先将目标图片上传到云端,其中,目标图片至少包括多张图片或者第二图片。
如前文所述,在将本地图片上传到服务器之前,可以先将它们上传到云端,这样上传服务器时,就可以直接将这些图片在云端的URL地址上传给服务器,而无需上传图片本身,从而节约服务器端的存储空间。并且,下次上传图片时,除了可以上传本地图片之外,还能直接从云端中选择想要上传的图片。
作为一种可选的实施例,如图8所示,该图片处理系统600还包括:编辑模块650,用于在第一编辑区和/或其他编辑区,对编辑区中的图片执行以下操作中的一种或几种:删除图片;添加图片;变换图片的位置。
通过本公开实施例,在编辑区编辑可以实现边编辑边编辑边预览的目的,并且可以避免直接上传到服务器,而导致后续编辑操作尤其是删除和变换图片的位置需要操作服务器,导致操作流程复杂的问题。
作为一种可选的实施例,如图9所示,该图片处理系统600还包括展示模块660,用于在执行信息上传操作之后:在第一显示区展示第一组图片;和/或在第二显示区展示其他组图片中的一组图片。
通过本公开实施例,一次仅展示一组图片或者两组图片,而不是将所有的图片组都展示出来,可以节约展示区。此外,为了进一步节约展示区,对于任一组图片,还以滑动展示,即一次只展示一组图片中的一张。
作为一种可选的实施例,如图10所示,该图片处理系统600还包括:调整模块670,用于将第二显示区中展示的图片变换为其他组图片中的另一组图片。
通过本公开实施例,不同组别的图片可以根据用户实际需要,分时占用展示区,从而一次仅展示一组图片,即可以使得每组图片都有机会展示,又可以节约展示区。
作为一种可选的实施例,第一组图片在第一显示区展示时所呈现的布局与第一组图片在第一编辑区中编辑时所呈现的布局相同或者类似。
根据本公开的实施例的模块、单元中的任意多个、或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实施例的模块、单元中的任意一个或多个可以被拆分成多个模块来实现。根据本公开实施例的模块、单元中的任意一个或多个可以至少被部分地实现为硬件电路,例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC),或可以通过对电路进行集成或封装的任何其他的合理方式的硬件或固件来实现,或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者,根据本公开实施例的模块、单元中的一个或多个可以至少被部分地实现为计算机程序模块,当该计算机程序模块被运行时,可以执行相应的功能。
例如,第一上传模块610、第二上传模块620和第三上传模块630中的任意多个可以合并在一个模块/单元/子单元中实现,或者其中的任意一个模块/单元可以被拆分成多个模块/单元。或者,这些模块/单元中的一个或多个模块/单元的至少部分功能可以与其他模块/单元的至少部分功能相结合,并在一个模块/单元中实现。根据本公开的实施例,第一上传模块610、第二上传模块620和第三上传模块630中的至少一个可以至少被部分地实现为硬件电路,例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC),或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现,或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者,第一上传模块610、第二上传模块620和第三上传模块630中的至少一个可以至少被部分地实现为计算机程序模块,当该计算机程序模块被运行时,可以执行相应的功能。
需要说明的是,本公开的实施例中系统部分与本公开的实施例中方法部分是相对应的,系统部分的描述具体参考方法部分,在此不再赘述。
图11示意性示出了根据本公开实施例的适于实现图片处理方法及系统的计算机系统的框图。图11示出的计算机系统仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图11所示,根据本公开实施例的计算机系统500包括处理器501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。处理器501例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如,专用集成电路(ASIC)),等等。处理器501还可以包括用于缓存用途的板载存储器。处理器501可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。
在RAM 503中,存储有系统500操作所需的各种程序和数据。处理器501、ROM 502以及RAM 503通过总线504彼此相连。处理器501通过执行ROM 502和/或RAM 503中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意,所述程序也可以存储在除ROM 502和RAM 503以外的一个或多个存储器中。处理器501也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。
根据本公开的实施例,系统500还可以包括输入/输出(I/O)接口505,输入/输出(I/O)接口505也连接至总线504。系统500还可以包括连接至I/O接口505的以下部件中的一项或多项:包括键盘、鼠标等的输入部分506;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507;包括硬盘等的存储部分508;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器510上,以便于从其上读出的计算机程序根据需要被安装入存储部分508。
根据本公开的实施例,根据本公开实施例的方法流程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读存储介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分509从网络上被下载和安装,和/或从可拆卸介质511被安装。在该计算机程序被处理器501执行时,执行本公开实施例的系统中限定的上述功能。根据本公开的实施例,上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。
本公开还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的;也可以是单独存在,而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被执行时,实现根据本公开实施例的方法。
根据本公开的实施例,计算机可读存储介质可以是非易失性的计算机可读存储介质。例如可以包括但不限于:便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
例如,根据本公开的实施例,计算机可读存储介质可以包括上文描述的ROM 502和/或RAM 503和/或ROM 502和RAM 503以外的一个或多个存储器。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
本领域技术人员可以理解,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合或/或结合,即使这样的组合或结合没有明确记载于本公开中。特别地,在不脱离本公开精神和教导的情况下,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。
以上对本公开的实施例进行了描述。但是,这些实施例仅仅是为了说明的目的,而并非为了限制本公开的范围。尽管在以上分别描述了各实施例,但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围,本领域技术人员可以做出多种替代和修改,这些替代和修改都应落在本公开的范围之内。

Claims (14)

1.一种图片处理方法,包括:
将第一组图片上传到第一编辑区,其中,所述第一组图片包含至少一张图片;
将其他组图片上传到其他编辑区,其中,所述其他组图片包含至少一组图片,且所述其他组图片中的每组图片包含至少一张图片;以及
针对上传到所述第一编辑区和所述其他编辑区的多张图片,执行信息上传操作,以将所述多张图片,或者所述多张图片在云端的地址,或者所述多张图片中的第一图片以及所述多张图片中的除所述第一图片外的第二图片在云端的地址,同时上传到服务器;
其中,同时上传到服务器的所述多张图片作为同一组数据流上传到所述服务器;
其中,所述方法还包括:
在检测到快速使用图片的操作的情况下,根据所述操作确定多张被复制的图片;以及
将多张所述被复制的图片复制至同一数组,以便同一数组中的多张所述图片作为同一组数据流上传到所述服务器。
2.根据权利要求1所述的方法,其中,所述方法还包括:
在将目标图片在云端的地址上传到所述服务器之前,先将所述目标图片上传到云端,其中,所述目标图片至少包括所述多张图片或者所述第二图片。
3.根据权利要求1所述的方法,其中,所述方法还包括:
在所述第一编辑区和/或所述其他编辑区,对编辑区中的图片执行以下操作中的一种或几种:
删除图片;
添加图片;
变换图片的位置。
4.根据权利要求1所述的方法,其中,在执行所述信息上传操作之后,所述方法还包括:
在第一显示区展示所述第一组图片;和/或
在第二显示区展示所述其他组图片中的一组图片。
5.根据权利要求4所述的方法,其中,所述方法还包括:
将所述第二显示区中展示的图片变换为所述其他组图片中的另一组图片。
6.根据权利要求4所述的方法,其中,
所述第一组图片在第一显示区展示时所呈现的布局与所述第一组图片在所述第一编辑区中编辑时所呈现的布局相同或者类似。
7.一种图片处理系统,包括:
第一上传模块,用于将第一组图片上传到第一编辑区,其中,所述第一组图片包含至少一张图片;
第二上传模块,用于将其他组图片上传到其他编辑区,其中,所述其他组图片包含至少一组图片,且所述其他组图片中的每组图片包含至少一张图片;以及
第三上传模块,用于针对上传到所述第一编辑区和所述其他编辑区的多张图片,执行信息上传操作,以将所述多张图片,或者所述多张图片在云端的地址,或者所述多张图片中的第一图片以及所述多张图片中的除所述第一图片外的第二图片在云端的地址,同时上传到服务器;
其中,同时上传到服务器的所述多张图片作为同一组数据流上传到所述服务器;
其中,所述系统进一步被配置为:
在检测到快速使用图片的操作的情况下,根据所述操作确定多张被复制的图片;以及
将多张所述被复制的图片复制至同一数组,以便同一数组中的多张所述图片作为同一组数据流上传到所述服务器。
8.根据权利要求7所述的系统,其中,所述系统还包括:
第四上传模块,用于在将目标图片在云端的地址上传到所述服务器之前,先将所述目标图片上传到云端,其中,所述目标图片至少包括所述多张图片或者所述第二图片。
9.根据权利要求7所述的系统,其中,所述系统还包括:
编辑模块,用于在所述第一编辑区和/或所述其他编辑区,对编辑区中的图片执行以下操作中的一种或几种:
删除图片;
添加图片;
变换图片的位置。
10.根据权利要求7所述的系统,其中,所述系统还包括展示模块,用于在执行所述信息上传操作之后:
在第一显示区展示所述第一组图片;和/或
在第二显示区展示所述其他组图片中的一组图片。
11.根据权利要求10所述的系统,其中,所述系统还包括:
调整模块,用于将所述第二显示区中展示的图片变换为所述其他组图片中的另一组图片。
12.根据权利要求10所述的系统,其中,
所述第一组图片在第一显示区展示时所呈现的布局与所述第一组图片在所述第一编辑区中编辑时所呈现的布局相同或者类似。
13.一种计算机系统,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序,
其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现权利要求1至6中任一项所述的方法。
14.一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器实现权利要求1至6中任一项所述的方法。
CN201811153492.2A 2018-09-29 2018-09-29 图片处理方法、系统、介质和计算机系统 Active CN110971632B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811153492.2A CN110971632B (zh) 2018-09-29 2018-09-29 图片处理方法、系统、介质和计算机系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811153492.2A CN110971632B (zh) 2018-09-29 2018-09-29 图片处理方法、系统、介质和计算机系统

Publications (2)

Publication Number Publication Date
CN110971632A CN110971632A (zh) 2020-04-07
CN110971632B true CN110971632B (zh) 2023-06-27

Family

ID=70028178

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811153492.2A Active CN110971632B (zh) 2018-09-29 2018-09-29 图片处理方法、系统、介质和计算机系统

Country Status (1)

Country Link
CN (1) CN110971632B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112732457B (zh) * 2020-12-30 2024-01-19 上海瑞家信息技术有限公司 图像传输方法、装置、电子设备和计算机可读介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462534A (zh) * 2014-12-24 2015-03-25 深圳市腾讯计算机系统有限公司 网络信息分享方法和装置
CN106231152A (zh) * 2016-09-20 2016-12-14 北京小米移动软件有限公司 传输图片的方法及装置
CN107741989A (zh) * 2017-10-30 2018-02-27 江西博瑞彤芸科技有限公司 一种图像数据管理方法
CN107832385A (zh) * 2017-10-30 2018-03-23 北京金山安全软件有限公司 一种图片处理方法、装置及电子设备

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI582626B (zh) * 2015-10-20 2017-05-11 數位左右有限公司 餐飲環境圖像自動分類系統與其方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462534A (zh) * 2014-12-24 2015-03-25 深圳市腾讯计算机系统有限公司 网络信息分享方法和装置
CN106231152A (zh) * 2016-09-20 2016-12-14 北京小米移动软件有限公司 传输图片的方法及装置
CN107741989A (zh) * 2017-10-30 2018-02-27 江西博瑞彤芸科技有限公司 一种图像数据管理方法
CN107832385A (zh) * 2017-10-30 2018-03-23 北京金山安全软件有限公司 一种图片处理方法、装置及电子设备

Also Published As

Publication number Publication date
CN110971632A (zh) 2020-04-07

Similar Documents

Publication Publication Date Title
US9037974B2 (en) Creating and editing dynamic graphics via a web interface
US10444947B1 (en) Document layer extraction for mobile devices
US20100005168A1 (en) Systems and methods for unification of local and remote resources over a network
US20140229578A1 (en) Asynchronously communicating a link to a shared collection
CN103838842A (zh) 一种浏览器中加载新标签页的方法和装置
CA3022570A1 (en) Dynamic content and cloud based content within collaborative electronic content creation and management tools
US9792267B2 (en) Simplifying identification of potential non-visibility of user interface components when responsive web pages are rendered by disparate devices
WO2019233095A1 (zh) 一种信息展示方法及其终端设备、网络设备
WO2021073454A1 (zh) 一种用于查看媒体文件的方法和设备
US10951486B2 (en) Terminal device, UI expansion method, and UI expansion program
CN110968314A (zh) 一种页面生成方法及装置
US20220335977A1 (en) Method and apparatus for editing object, electronic device and storage medium
CN110971632B (zh) 图片处理方法、系统、介质和计算机系统
CN112988312B (zh) 一种桌面应用窗口管理系统和方法
CN114154000A (zh) 多媒体资源发布方法和装置
US10846328B2 (en) Digital asset association with search query data
US11973811B2 (en) Whiteboard background customization system
US20170111668A1 (en) System and method for group-based media composition
US9959564B1 (en) Providing confirmations for list modifications
US20160259850A1 (en) Datastructure generation and application
CN109190097B (zh) 用于输出信息的方法和装置
US7529692B1 (en) Method for presenting related items for auction
CN112835491B (zh) 信息处理方法、装置、电子设备及可读存储介质
US11568002B2 (en) Information processing apparatus and non-transitory computer readable medium
WO2023207981A1 (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
GR01 Patent grant
GR01 Patent grant