CN104462366A - 一种计算设备的浏览器及其缩略图显示方法 - Google Patents

一种计算设备的浏览器及其缩略图显示方法 Download PDF

Info

Publication number
CN104462366A
CN104462366A CN201410746287.2A CN201410746287A CN104462366A CN 104462366 A CN104462366 A CN 104462366A CN 201410746287 A CN201410746287 A CN 201410746287A CN 104462366 A CN104462366 A CN 104462366A
Authority
CN
China
Prior art keywords
file
browser
thumbnail
mobile terminal
response
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.)
Granted
Application number
CN201410746287.2A
Other languages
English (en)
Other versions
CN104462366B (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 ANQI ZHILIAN TECHNOLOGY Co Ltd
Original Assignee
BEIJING ANQI ZHILIAN 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 ANQI ZHILIAN TECHNOLOGY Co Ltd filed Critical BEIJING ANQI ZHILIAN TECHNOLOGY Co Ltd
Priority to CN201410746287.2A priority Critical patent/CN104462366B/zh
Publication of CN104462366A publication Critical patent/CN104462366A/zh
Application granted granted Critical
Publication of CN104462366B publication Critical patent/CN104462366B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/10File systems; File servers
    • G06F16/16File or folder operations, e.g. details of user interfaces specifically adapted to file systems
    • G06F16/168Details of user interfaces specifically adapted to file systems, e.g. browsing and visualisation, 2d or 3d GUIs

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种计算设备的浏览器中执行的缩略图显示方法,该计算设备的浏览器能够通过服务器与移动终端相连。该方法包括:响应于接收到用户要浏览移动终端中的文件的请求,生成文件列表请求消息,并发送文件列表请求消息给移动终端;响应于接收到来自移动终端的应答消息,在浏览器中以数据文件缩略图显示文件列表;以及响应于检测到光标移动到其中一个文件缩略图上,将该文件缩略图以逐渐放大的方式显示。

Description

一种计算设备的浏览器及其缩略图显示方法
技术领域
本发明涉及数据通信和图像显示领域。
背景技术
用户对于诸如智能手机、平板电脑等移动终端的使用频率正在日益提高,甚至在很多场合超过了传统的桌面电脑(PC)和笔记本电脑。移动终端的计算性能和存储空间也在快速增长,从而允许安装和运行大量应用以及进而产生大量数据。例如,一部智能手机经过用户一段时间的使用,往往会存储有上千兆字节的图片、音频、视频、应用、文档、通信录、短消息等数据。尽管用户可以在手机上对这些数据进行诸如浏览、复制、删除等操作,然而如果用户位于大屏幕计算设备(如PC、笔记本电脑和智能电视)前,他可能更希望通过大屏幕计算设备来进行这些操作。这样做的一个原因是大屏幕计算设备具有更强大的I/O设备(如大显示屏),可以提高操作效率;另一个原因是与移动终端上运行的Android、IOS操作***和应用相比,大屏幕计算设备运行的诸如Windows、MAC OS等操作***和应用往往能提供更强大多样的功能。
目前已经有一些软件提供大屏幕计算设备对移动终端的数据管理功能。典型的例子是苹果公司的iTunes以及各种手机助手。用户在运行诸如Windows、MAC OS等操作***的传统电脑上安装移动终端数据管理软件,将移动终端通过诸如USB等线缆连接到大屏幕计算设备,移动终端数据管理软件读取移动终端中的各种数据,并允许用户进行相应的管理操作。然而,这对用户来说使用并不方便。即使有一些软件支持移动终端通过无线局域网连接到大屏幕计算设备,但用户仍需要在大屏幕计算设备上预先安装移动终端数据管理软件。预先安装软件不仅是繁琐和耗时的,而且在一些情况下难以实现。例如,企业内部的计算设备可能出于安全考虑限制了软件的安装权限,或者,像智能电视这样的大屏幕计算设备并不使用Windows、MAC OS操作***,可能没有可用的移动终端数据管理软件。
因此,用户希望能更用简单快捷的方式在大屏幕计算设备上管理移动终端的数据。
发明内容
为此,本发明提供一种计算设备的浏览器及其缩略图显示方法,以力图解决或者至少缓解上面存在的至少一个问题。
根据本发明的一个方面,提供了一种计算设备的浏览器执行的缩略图显示方法,其中该浏览器能够通过服务器与移动终端相连,该方法包括步骤:响应于接收到用户要浏览移动终端中的文件的请求,生成文件列表请求消息,并发送文件列表请求消息给移动终端;响应于接收到来自该移动终端的应答消息,在浏览器的显示界面中以文件缩略图显示文件列表;以及响应于检测到光标移动到其中一个文件缩略图上,将该文件缩略图以逐渐放大的方式显示。
可选地,在根据本发明的浏览器的缩略图显示方法中,还包括步骤:响应于检测到用户对至少一个文件缩略图所对应的文件的删除操作,从显示界面中取消对至少一个文件缩略图的显示;以及依次移动其他文件缩略图,以填补所述至少一个文件缩略图原本占用的显示区域。
可选地,在根据本发明的浏览器的缩略图显示方法中,将该文件缩略图以逐渐放大的方式显示包括保持该文件缩略图占用的显示区域不变,将文件缩略图的内容逐渐放大显示。
可选地,在根据本发明的浏览器的缩略图显示方法中,文件包括图片和视频。
根据本发明的另一方面,提供了一种计算设备的浏览器,其中该浏览器能够通过服务器与移动终端相连,该浏览器包括:消息处理装置,适于响应用户浏览移动终端中文件的请求,生成文件列表请求消息;连接管理装置,适于将文件列表请求消息发送给移动终端,并且接收来自该移动终端的包含数据文件缩略图信息的应答消息;文件显示装置,适于在浏览器中以数据文件缩略图显示文件列表、以及响应于检测到光标移动到其中一个文件缩略图上,将该文件缩略图以逐渐放大的方式显示。
可选地,在根据本发明的浏览器中,文件显示装置还适于响应于检测到用户对至少一个文件缩略图所对应的文件的删除操作,从显示界面中取消对所述至少一个文件缩略图的显示;以及依次移动其他文件缩略图,以填补所述至少一个文件缩略图原本占用的显示区域。
可选地,在根据本发明的浏览器中,文件显示装置还适于保持该文件缩略图占用的显示区域不变,将文件缩略图的内容逐渐放大显示。
可选地,在根据本发明的浏览器中,文件包括图片和视频。
根据本发明的另一方面,提供了一种包括如上所述的浏览器的计算设备。
根据本发明的浏览器的缩略图显示方案,不需在计算设备上安装软件,只要在计算设备的浏览器中输入地址并使用移动终端的客户端应用扫描就能在浏览器与移动终端之间建立连接通道。用户可通过缩略图预览移动终端的数据,提高了用户管理移动终端数据的效率。并且用户可以以逐渐放大的方式放大缩略图中的内容,突出视觉效果,提高了用户体验。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了一个计算设备100的结构框图;
图2示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器显示文件缩略图的***200;
图3A示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的***200在建立连接前移动终端的界面示意图;
图3B示出了根据本发明一个实施例的计算设备的浏览器显示二维码的界面示意图;
图3C示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的***200建立通道后计算设备的浏览器的界面示意图;
图4示出了根据本发明一个实施例的浏览器的缩略图显示方法400的流程图;
图5示出了根据本发明一个实施例的计算设备的浏览器500的框图;
图6A示出了根据本发明一个实施例的计算设备的浏览器显示缩略图的界面示意图;
图6B示出了根据本发明一个实施例的计算设备的浏览器放大显示缩略图的界面示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1是布置为实现根据本发明的示例计算设备100的框图。在基本的配置102中,计算设备100典型地包括***存储器106和一个或者多个处理器104。存储器总线108可以用于在处理器104和***存储器106之间的通信。
取决于期望的配置,处理器104可以是任何类型的处理,包括但不限于:微处理器(μP)、微控制器(μC)、数字信息处理器(DSP)或者它们的任何组合。处理器104可以包括诸如一级高速缓存110和二级高速缓存112之类的一个或者多个级别的高速缓存、处理器核心114和寄存器116。示例的处理器核心114可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、数字信号处理核心(DSP核心)或者它们的任何组合。示例的存储器控制器118可以与处理器104一起使用,或者在一些实现中,存储器控制器118可以是处理器104的一个内部部分。
取决于期望的配置,***存储器106可以是任意类型的存储器,包括但不限于:易失性存储器(诸如RAM)、非易失性存储器(诸如ROM、闪存等)或者它们的任何组合。***存储器106可以包括操作***120、一个或者多个应用122以及程序数据124。在一些实施方式中,应用122可以布置为在操作***上利用程序数据124进行操作。
计算设备100还可以包括有助于从各种接口设备(例如,输出设备142、外设接口144和通信设备146)到基本配置102经由总线/接口控制器130的通信的接口总线140。示例的输出设备142包括图形处理单元148和音频处理单元150。它们可以被配置为有助于经由一个或者多个A/V端口152与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口144可以包括串行接口控制器154和并行接口控制器156,它们可以被配置为有助于经由一个或者多个I/O端口158和诸如输入设备(例如,键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备146可以包括网络控制器160,其可以被布置为便于经由一个或者多个通信端口164与一个或者多个其他计算设备162通过网络通信链路的通信。
网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块,并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号,它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例,通信介质可以包括诸如有线网络或者专线网络之类的有线介质,以及诸如声音、射频(RF)、微波、红外(IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。
计算设备100可以实现为小尺寸便携(或者移动)电子设备的一部分,这些电子设备可以是诸如蜂窝电话、个人数字助理(PDA)、个人媒体播放器设备、无线网络浏览设备、个人头戴设备、应用专用设备、或者可以包括上面任何功能的混合设备。计算设备100还可以实现为包括桌面计算机和笔记本计算机配置的个人计算机。
图2示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的***200。该***200包括移动终端210、服务器220和计算设备230。移动终端210上安装有支持移动终端文件管理的客户端应用212,并且存储有各种文件,如照片、音频、视频、文档(如Word、PDF等格式的文档)。应用客户端212可以运行在诸如安卓、IOS等操作***上。服务器220例如可以是物理上位于一个或多个地点的远程云服务器。计算设备230例如可以包括个人计算机(PC)、笔记本电脑、智能电视等具有相对较大屏幕的计算设备。计算设备230上安装有浏览器232,例如IE、Chrome和Firefox浏览器。浏览器232可以运行在诸如Windows、Mac等操作***上。
浏览器232首先接收用户在浏览器地址栏输入的地址,例如是域名www.weline.cc,其对应于服务器220的IP地址。浏览器根据该地址访问服务器220,具体操作包括例如查询DNS获得返回的IP地址,建立TCP连接,向服务器发送HTTP request请求,这里不再累述。在接收到来自浏览器232的访问请求后,服务器220分配第一会话标识(Session ID)和通道标识(Channel ID)。服务器220生成与通道标识对应的邀请地址(inviteurl),调用二维码转换服务将该地址转换为二维码图形,并且获得该二维码图形的URL地址(qrcodeurl)。换而言之,该二维码图形所包含的内容为inviteurl。服务器220向浏览器232返回响应消息(200OK),该消息中含有二维码图形的URL地址qrcodeurl和第一会话标识。其中qrcodeurl的示例格式如下:
qrcodeurl:"qrcode?content=http://192.168.0.1/invite?id=12d345d8z834baef839c0",
服务器220与浏览器232之间建立长连接。浏览器232访问二维码图形的URL地址qrcodeurl,获取二维码图形并显示,如图3B所示,该图中显示有二维码图片以等待移动终端扫描二维码。图3A示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的***200在建立连接时移动终端的界面示意图,在该界面图中,对用户的操作进行提示,以建立与服务器的连接。用户可以通过移动终端客户端应用212扫描计算设备230的浏览器232上显示的二维码图形,从而获得二维码图形的内容,即邀请地址inviteurl。移动终端客户端应用212访问inviteurl,服务器220向其返回通道标识,同时返回第二会话标识。服务器通过通道标识可以确定浏览器和移动终端的关系,即移动终端扫描的是浏览器上显示的二维码。类似于服务器与220浏览器232之间建立连接的过程,服务器220与客户端应用212之间也建立长连接。服务器220存储有服务器与浏览器之间长连接的第一会话标识和服务器与客户端应用之间长连接的第二会话标识,这两个会话标识之间通过通道标识关联,这样通过通道标识来在浏览器与客户端应用之间形成一个通道,用会话标识来区分与服务器长连接的对象是移动终端客户端应用还是浏览器。换而言之,在服务器与浏览器之间和服务器与客户端应用之间分别建立了两个长连接,服务器定期向浏览器和客户端应用发送心跳消息。这两个长连接通过同一个信道标识关联形成一个通道,客户端应用发送的信令或数据通过该通道经由服务器而推送到浏览器。
在建立通道之后,移动终端的客户端应用212将移动终端的统计信息,如移动终端的型号、***版本、存储空间、所存储的联系人、短消息、各类文件的数量等,通过通道发送给浏览器232,具体地说,这些信息由客户端应用212例如通过post方式通过第二会话连接发送给服务器220,服务器220根据通道标识找到关联的第一会话连接,并且通过第一会话连接将信息发送给浏览器232。浏览器232显示相应的移动终端统计信息,图3C示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的***200建立连接后计算设备的浏览器的界面示意图,建立包括各种文件分类的主目录,例如图片主目录、音频主目录等,而在如果进入例如图片主目录下时,会显示多个图片缩略图等。用户可以在大屏幕的计算设备的浏览器上查看移动终端的信息,并且使用计算设备的输入设备(如鼠标,键盘)方便地进行各种对文件的操作,如从移动终端获取文件、浏览、删除文件等。通过在移动终端与计算设备的浏览器之间建立经由服务器的通道,只需利用计算设备上已有的浏览器即可实现对移动终端的管理,而不需要在计算设备上预先安装软件,不仅节省了用户的时间,也节省了软件开发者的工作。而且,利用浏览器管理移动终端的方案尤其适合计算设备软件的安装权限受限或者缺少可用的移动终端数据管理软件的情况。
在计算设备的浏览器与移动终端的客户端应用通过服务器建立连接后,当服务器通过第二会话接收到来自客户端应用的消息或数据时,服务器根据通道标识查找与第二会话标识关联的第一会话标识,将该消息或数据通过第一会话发送到计算设备的浏览器。由于这种传输经过服务器中转,因此称为非直连通信模式。本发明还提出了一种不经服务器中转的数据传输模式,即直连通信模式。在直连模式下,计算设备的浏览器与移动终端的客户端应用之间的数据传输可以通过它们之间的直接连接进行,而不需要服务器中转,从而提高传输速度并可能节省流量和费用。以下将描述直连通信模式的建立过程。
首先,移动终端的客户端应用通过服务器已建立的通道,即第一会话和第二会话,向计算设备的浏览器发送包含移动终端直连通信地址的直连通信邀请消息。消息的示例格式如下:
其中192.168.1.119是移动终端自己的直连通信地址,例如无线局域网的内部IP地址。直连通信通知消息中还可以包含一个随机生成的数值(id),作为身份验证信息。浏览器在接收到直连通信邀请消息后请求访问消息中包含的直连地址。这种访问类似于ping操作,即浏览器向该直连通信地址发送数据包,如果对方收到该数据包,会返回同样大小的数据包,由此确认两者之间的连接是畅通的,否则意味着浏览器无法访问直连通信地址,两者继续工作在非直连模式下。当移动终端的客户端应用接收到来自浏览器的访问请求消息时,确定移动终端与计算设备可以进行直连。为了增强安全性,浏览器的访问请求消息中可以包含直连通信通知消息中的数值,客户端应用可以对该数值进行验证。如果验证一致,移动终端的客户端应用通过服务器向浏览器发送直连通信响应消息,示例格式为
{
    type:"directOK"
}
客户端应用进入直连模式,启动web服务器。浏览器在接收到直连通信响应消息后,也进入直连模式。这样,客户端应用与计算设备的浏览器之间以server-client的方式进行数据传输。此外,在接收到来自浏览器的访问请求消息后,客户端应用可以记录来源IP地址以及写入cookie,对于之后浏览器下载文件的请求要验证IP地址和cookie,如果不匹配则返回403错误。还有,由于服务器与移动终端的客户端应用不同域,而浏览器与客户端应用会采用AJAX(异步的JavaScript和XML)方式来发送访问请求,以及考虑到浏览器的同源策略的限制,因此,移动终端的客户端应用还可以实现跨域资源共享(CORS),其会在直连邀请消息的响应标头中加入允许浏览器跨域访问的信息(Access-Control-Allow-Origin),以便当浏览器接收到该直连邀请消息时能够进行跨域访问。
在直连通信模式下,信令/消息也可以从原通道(即经过服务器的通道)切换到移动终端与计算设备浏览器之间的直接连接通道,从而实现消息的本地化。切换通道的相关的消息的示例格式如下:
该directChannel消息由移动终端通过服务器发送给计算设备的浏览器,告知直连通信通道的地址(url)。浏览器在接收到该消息后对url地址进行轮询(polling)。移动终端在接收到轮询的GET请求后,会启动直连通信通道,停止往原通道POST消息。移动终端向浏览器发送switchChannel消息,格式示例为{
    "type":"switchChannel"
}
switchChannel消息通知浏览器切换通道。浏览器收到该消息后,停止向服务器的原通道POST消息。
一旦进入直连模式,浏览器与移动终端之间可以不经过云端而直接例如通过企业内部的局域网传输数据。这样,不仅节省了移动终端的流量,而且大大提高了数据传输的速度,也提高了通过浏览器管理移动终端数据的用户体验。
以下将分别描述在直连通信模式和非直连通信模式下的文件传输过程。
在直连通信模式下,浏览器响应于用户操作,请求获取移动终端中的文件。例如,用户在浏览器上查看到移动终端上存储的文件列表、缩略图等信息,通过鼠标、键盘等输入设备指定要获取的文件。浏览器向移动终端发送文件请求消息(requestFile),该消息中包含有所请求文件的标识。移动终端在接收到文件请求之后,返回包含该文件的web地址的通知消息。该文件的web地址指示该文件在移动终端的web服务器中的绝对url。浏览器在接收到响应消息后,按照web客户端-服务器方式从移动终端下载文件。
在直连通信模式中,可能存在一些特殊的实现方式。例如,PDF.js可能通过AJAX获取PDF文件,因此,在直连通信模式下存在跨域的问题。这时需要移动终端的web服务器实现CORS(跨来源资源共享协议)。CORS通过web服务器的一些头(Headers)的设置及确认来实现跨域请求,这里不再详细描述。
在非直连通信模式下,浏览器响应于用户操作,请求获取移动终端中的文件。浏览器通过服务器向移动终端发送文件请求消息(requestFile),该消息中包含有所请求文件的标识。移动终端在接收到文件请求之后,将该文件上传至服务器。服务器向浏览器返回包含该文件的web地址的通知消息。该文件的web地址指示该文件在服务器的web服务器中的地址。浏览器在接收到响应消息后,按照web客户端-服务器方式从服务器下载文件。
除了应浏览器请求,移动终端也可以主动将文件发送到浏览器。例如,用户可以在移动终端的客户端应用中将照片发送到浏览器。在直连模式下,浏览器向移动终端发送文件发送消息(sendFile)。该消息格式示例为
移动终端向浏览器发送包含该文件的web地址的通知消息。该文件的web地址指示该文件在移动终端的web服务器中的绝对url。浏览器在接收到响应消息后,按照web客户端-服务器方式从移动终端下载文件。在非直连通信模式中,浏览器向移动终端发送文件发送消息,移动终端将要发送的文件上传到服务器,服务器收到文件后包含该文件的web地址的通知消息发送给浏览器,浏览器在接收到响应消息后,按照web客户端-服务器方式从服务器下载文件。
应当注意,这里的发送文件可以是双向的,既可以从移动终端向浏览器发送,也可以从浏览器向移动终端发送。
这样,可以通过计算设备的浏览器方便地与移动终端进行文件传输,而无需在计算设备上事先安装软件。
对于诸如智能手机之类的移动终端,往往存储有大量的数据文件,如图片、音频、视频、应用和文档。根据本发明的一个实施例,提出一种浏览器的缩略图显示方案。以下将详细描述该缩略图显示方案。图4示出了根据本发明的一个实施例的浏览器的缩略图显示方法400的流程图。该方法适于步骤S410。在步骤S410中,响应于接收到用户要浏览移动终端中的文件的请求,生成文件列表请求消息,并发送文件列表请求消息给移动终端。例如,当用户在浏览器的初始管理界面上选择查看移动终端中的某种类型文件(如图片)时,浏览器生成文件列表请求消息,并将该消息发送给移动终端。
随后在步骤S420中,响应于接收到来自移动终端的应答消息,即包含数据文件缩略图信息的缩略图文件,而后在浏览器中以数据文件缩略图显示文件列表,如图6A所示。随后在步骤S430中,响应于检测到光标移动到其中一个文件缩略图上,以逐渐放大的方式显示光标所指的缩略图内容,如图6B所示。
移动终端的浏览器实时检测用户在浏览器显示界面中的光标输入,这里的光标可以是在浏览器显示界面上表示位置的任意形状的标示,如箭头、十字型等,同时用户可以通过鼠标、键盘、操作杆等实现对光标的操作。典型地,用户在浏览网页时通常会通过鼠标拖动光标,若检测到光标停止移动则将光标停止移动时所处的位置确定为一次光标输入。
响应于该光标输入,先确定其在显示界面中对应的位置坐标,然后确定该位置坐标是否属于显示界面中的文件缩略图区域。若该位置坐标正好落在某一缩略图显示区域的坐标范围内,则确定该文件缩略图为目标显示图,以逐渐放大的方式显示该文件缩略图内容;若该位置坐标不属于任何一个缩略图显示区域的坐标范围,则忽略本次光标输入操作。其中,逐渐放大显示缩略图的方式被定义为保持该文件缩略图占用的显示区域不变,然后将文件缩略图的内容逐渐放大显示。
另外,响应于检测到用户对至少一个文件缩略图所对应的文件的删除操作,从显示界面中取消对所述至少一个文件缩略图的显示,并且依次移动其他文件缩略图,以填补所述至少一个文件缩略图原本占用的显示区域。以美观整齐的版面显示文件缩略图。示例代码如下:
buildImageRow:function(maxwidth,items,marginL){
var row=[],len=0;
var marginsOfImage=5;
while(items.length>0&&len<maxwidth){
var item=items.shift();
row.push(item);
len+=(item+marginsOfImage);
}
var delta=this.sub(len,maxwidth);
if(row.length>0&&delta>0){
var cutoff=this.calculateCutOff(len,delta,row);
for(var i in row){
var pixelsToRemove=cutoff[i];
item=row[i];
marginL.push(-Math.floor(pixelsToRemove/2))
row[i]=this.sub(row[i],pixelsToRemove);
}
}else{
for(var i in row){
marginL.push(0)
}
}
return row;
}
图5示出了根据本发明一个实施例的计算设备的浏览器500的框图。该浏览器500包括:消息处理装置510、连接管理装置520、和文件显示装置530。
消息处理装置510响应用户浏览移动终端中文件的请求,生成文件列表请求消息。然后由连接管理装置520将该文件列表请求消息发送给移动终端,并且接收来自移动终端的包含数据文件缩略图信息的应答消息,即接收到包含数据文件缩略图信息的缩略图文件。由文件显示装置530在浏览器的显示界面上以数据文件缩略图的方式显示该文件列表,如图6A所示,以便用户浏览文件。
文件显示装置530还会响应于检测到用户将光标移动到其中一个文件缩略图,以逐渐放大的方式显示该文件缩略图内容,如图6B所示。
同时,文件显示装置530响应于检测到用户对浏览器的显示界面中显示的多个文件中的至少一个文件的删除操作,从显示界面中取消对该文件的显示,并且依次移动其他文件缩略图,以填补被删除文件缩略图原本占用的显示区域。
应当注意的是,本发明所提到的文件包括图片和视频。
应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机***的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的,而非限制性的,本发明的范围由所附权利要求书限定。

Claims (9)

1.一种计算设备的浏览器执行的缩略图显示方法,其中该浏览器能够通过服务器与移动终端相连,该方法包括步骤:
响应于接收到用户要浏览移动终端中的文件的请求,生成文件列表请求消息,并发送文件列表请求消息给所述移动终端;
响应于接收到来自所述移动终端的应答消息,在所述浏览器的显示界面中以文件缩略图显示文件列表;以及
响应于检测到光标移动到其中一个文件缩略图上,将该文件缩略图以逐渐放大的方式显示。
2.如权利要求1所述的方法,还包括步骤:
响应于检测到用户对至少一个文件缩略图所对应的文件的删除操作,从显示界面中取消对所述至少一个文件缩略图的显示;以及
依次移动其他文件缩略图,以填补所述至少一个文件缩略图原本占用的显示区域。
3.如权利要求1所述的方法,其中所述将该文件缩略图以逐渐放大的方式显示包括保持该文件缩略图占用的显示区域不变,将文件缩略图的内容逐渐放大显示。
4.如权利要求1或者2所述的方法,其中所述文件包括图片和视频。
5.一种计算设备的浏览器,其中该浏览器能够通过服务器与移动终端相连,该浏览器包括:
消息处理装置,适于响应用户浏览所述移动终端中文件的请求,生成文件列表请求消息;
连接管理装置,适于将所述文件列表请求消息发送给所述移动终端,并且接收来自所述移动终端的包含数据文件缩略图信息的应答消息;
文件显示装置,适于在所述浏览器中以数据文件缩略图显示文件列表、以及响应于检测到光标移动到其中一个文件缩略图上,将该文件缩略图以逐渐放大的方式显示。
6.如权利要求5所述的浏览器,其中:
所述文件显示装置还适于响应于检测到用户对至少一个文件缩略图所对应的文件的删除操作,从显示界面中取消对所述至少一个文件缩略图的显示;以及
依次移动其他文件缩略图,以填补所述至少一个文件缩略图原本占用的显示区域。
7.如权利要求5所述的浏览器,其中:
所述文件显示装置还适于保持该文件缩略图占用的显示区域不变,将文件缩略图的内容逐渐放大显示。
8.如权利要求5或者6所述的浏览器,其中所述文件包括图片和视频。
9.一种计算设备,包括如权利要求5-8中任一项所述的浏览器。
CN201410746287.2A 2014-12-08 2014-12-08 一种计算设备的浏览器及其缩略图显示方法 Active CN104462366B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410746287.2A CN104462366B (zh) 2014-12-08 2014-12-08 一种计算设备的浏览器及其缩略图显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410746287.2A CN104462366B (zh) 2014-12-08 2014-12-08 一种计算设备的浏览器及其缩略图显示方法

Publications (2)

Publication Number Publication Date
CN104462366A true CN104462366A (zh) 2015-03-25
CN104462366B CN104462366B (zh) 2018-04-13

Family

ID=52908401

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410746287.2A Active CN104462366B (zh) 2014-12-08 2014-12-08 一种计算设备的浏览器及其缩略图显示方法

Country Status (1)

Country Link
CN (1) CN104462366B (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106201159A (zh) * 2015-05-08 2016-12-07 阿里巴巴集团控股有限公司 基于网页区块的信息预展示方法、装置及***
CN107330483A (zh) * 2017-06-14 2017-11-07 北京金堤科技有限公司 关系图谱的跨终端展示方法及***
CN108628934A (zh) * 2017-03-17 2018-10-09 株式会社理光 图像处理装置、图像处理***、图像处理方法及记录介质
CN109271543A (zh) * 2018-09-26 2019-01-25 Oppo广东移动通信有限公司 缩略图的显示方法、装置、终端及计算机可读存储介质
CN112291133A (zh) * 2019-07-22 2021-01-29 腾讯科技(深圳)有限公司 跨端发送文件的方法、装置、设备及介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1314634A (zh) * 2000-03-17 2001-09-26 索尼株式会社 文档转换方法、文档转换器、以及文档显示***
CN103475929A (zh) * 2013-09-06 2013-12-25 深圳Tcl新技术有限公司 多媒体文件缩略图读取方法及***

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1314634A (zh) * 2000-03-17 2001-09-26 索尼株式会社 文档转换方法、文档转换器、以及文档显示***
CN103475929A (zh) * 2013-09-06 2013-12-25 深圳Tcl新技术有限公司 多媒体文件缩略图读取方法及***

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
ALVIN YBAÑEZ: "AirDroid: Remotely manage your Android from a Web browser", 《HTTP:// WWW.ANDROIDAUTHORITY.COM/AIRDROID-CONTROL-ANDROID-FROM-PC-269186/》 *
HOW-TO GEEK: "Control Your Android from a Browser with AirDroid", 《HTTPS:// WWW.HOWTOGEEK.COM/105813/CONTROL-YOUR-ANDROID- FROM-A-BROWSER-WITH-AIRDROID/》 *

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106201159A (zh) * 2015-05-08 2016-12-07 阿里巴巴集团控股有限公司 基于网页区块的信息预展示方法、装置及***
CN108628934A (zh) * 2017-03-17 2018-10-09 株式会社理光 图像处理装置、图像处理***、图像处理方法及记录介质
CN108628934B (zh) * 2017-03-17 2022-09-27 株式会社理光 图像处理装置、图像处理***、图像处理方法及记录介质
CN107330483A (zh) * 2017-06-14 2017-11-07 北京金堤科技有限公司 关系图谱的跨终端展示方法及***
CN109271543A (zh) * 2018-09-26 2019-01-25 Oppo广东移动通信有限公司 缩略图的显示方法、装置、终端及计算机可读存储介质
CN112291133A (zh) * 2019-07-22 2021-01-29 腾讯科技(深圳)有限公司 跨端发送文件的方法、装置、设备及介质
CN112291133B (zh) * 2019-07-22 2022-06-28 腾讯科技(深圳)有限公司 跨端发送文件的方法、装置、设备及介质

Also Published As

Publication number Publication date
CN104462366B (zh) 2018-04-13

Similar Documents

Publication Publication Date Title
US11797256B2 (en) Virtual workspace viewport following in collaboration systems
CN104954428B (zh) 一种信息发布方法、计算设备及***
CN104378435A (zh) 计算设备的浏览器与移动终端的文件传输
CN104462366A (zh) 一种计算设备的浏览器及其缩略图显示方法
CN104376090A (zh) 计算设备的浏览器与移动终端的屏幕同步
CN104462367A (zh) 一种计算设备的浏览器及其缩略图显示方法
CN103634389A (zh) 计算设备与移动设备之间的文件传输方法及装置、***
CN105589836A (zh) 文档预览方法、终端及服务器
US20120293826A1 (en) Systems and methods for providing multiple images
CN104394208A (zh) 文件传输方法和服务器
CN111368173A (zh) 文件传输方法、装置、电子设备及可读存储介质
CN104869143A (zh) 资料分享方法、装置、客户端和服务器
CN103475682A (zh) 文件迁移方法及设备
CN103067257A (zh) 在社会性网络服务中实现数据互通的方法、服务器及***
CN104486371A (zh) 批量下载文件的设备和方法
CN103559194A (zh) 一种搜索方法、服务器、***
CN103731458A (zh) 终端间分享文件的方法及***
CN102594886A (zh) 浏览器与浏览器直通的方法、装置和通信***
CN108880992A (zh) 数据传输方法、计算机设备及存储介质
US20130318430A1 (en) Method for Creating and Publishing an Electronic Publication and Publishing System for Implementing the Method
CN104394210A (zh) 直连通信方法及装置
CN104484338A (zh) 文件列表管理设备和方法
CN104462250A (zh) 计算设备的浏览器与移动终端的通信
KR101170322B1 (ko) 웹을 기반으로 하는 개인 컴퓨터를 이용한 클라우드 컴퓨팅 서비스 제공 방법 및 장치
CN104468739A (zh) 消息处理方法、客户端和移动终端

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant