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

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

Info

Publication number
CN104462367A
CN104462367A CN201410746423.8A CN201410746423A CN104462367A CN 104462367 A CN104462367 A CN 104462367A CN 201410746423 A CN201410746423 A CN 201410746423A CN 104462367 A CN104462367 A CN 104462367A
Authority
CN
China
Prior art keywords
mobile terminal
browser
file
message
direct
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
CN201410746423.8A
Other languages
English (en)
Other versions
CN104462367B (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 CN201410746423.8A priority Critical patent/CN104462367B/zh
Publication of CN104462367A publication Critical patent/CN104462367A/zh
Application granted granted Critical
Publication of CN104462367B publication Critical patent/CN104462367B/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

本发明公开了一种计算设备的浏览器中执行的缩略图显示方法,该计算设备的浏览器能够通过服务器与移动终端相连。该方法包括:响应于用户在浏览器上向移动终端发送计算设备上存储的文件的输入,向移动终端发送文件发送请求消息;响应于移动终端的应答消息,向移动终端发送包含该文件web地址的通知消息,以便移动终端从该web地址下载所请求的文件;以第一亮度显示所请求文件的缩略图;以及响应于来自移动终端的指示文件传输完成的消息,以第二亮度显示所请求文件的缩略图,其中第二亮度大于第一亮度。

Description

一种计算设备的浏览器及其缩略图显示方法
技术领域
本发明涉及数据通信和图像显示领域。
背景技术
用户对于诸如智能手机、平板电脑等移动终端的使用频率正在日益提高,甚至在很多场合超过了传统的桌面电脑(PC)和笔记本电脑。移动终端的计算性能和存储空间也在快速增长,从而允许安装和运行大量应用以及进而产生大量数据。例如,一部智能手机经过用户一段时间的使用,往往会存储有上千兆字节的图片、音频、视频、应用、文档、通信录、短消息等数据。尽管用户可以在手机上对这些数据进行诸如浏览、复制、删除等操作,然而如果用户位于大屏幕计算设备(如PC、笔记本电脑和智能电视)前,他可能更希望通过大屏幕计算设备来进行这些操作。这样做的一个原因是大屏幕计算设备具有更强大的I/O设备(如大显示屏),可以提高操作效率;另一个原因是与移动终端上运行的Android、IOS操作系统和应用相比,大屏幕计算设备运行的诸如Windows、MAC OS等操作系统和应用往往能提供更强大多样的功能。
目前已经有一些软件提供大屏幕计算设备对移动终端的数据管理功能。典型的例子是苹果公司的iTunes以及各种手机助手。用户在运行诸如Windows、MAC OS等操作系统的传统电脑上安装移动终端数据管理软件,将移动终端通过诸如USB等线缆连接到大屏幕计算设备,移动终端数据管理软件读取移动终端中的各种数据,并允许用户进行相应的管理操作。然而,这对用户来说使用并不方便。即使有一些软件支持移动终端通过无线局域网连接到大屏幕计算设备,但用户仍需要在大屏幕计算设备上预先安装移动终端数据管理软件。预先安装软件不仅是繁琐和耗时的,而且在一些情况下难以实现。例如,企业内部的计算设备可能出于安全考虑限制了软件的安装权限,或者,像智能电视这样的大屏幕计算设备并不使用Windows、MAC OS操作系统,可能没有可用的移动终端数据管理软件。
因此,用户希望能更用简单快捷的方式在大屏幕计算设备上管理移动终端的数据。
发明内容
为此,本发明提供一种计算设备的浏览器及其缩略图显示方法,以力图解决或者至少缓解上面存在的至少一个问题。
根据本发明的一个方面,提供了一种计算设备的浏览器执行的缩略图显示方法,其中该浏览器能够通过服务器与移动终端相连,该方法包括步骤:响应于用户在浏览器上向移动终端发送计算设备上存储的文件的输入,向移动终端发送文件发送请求消息;响应于移动终端的应答消息,向移动终端发送包含该文件web地址的通知消息,以便移动终端从该web地址下载所请求的文件;以第一亮度显示所请求文件的缩略图;以及响应于来自移动终端的指示文件传输完成的消息,以第二亮度显示所请求文件的缩略图,其中第二亮度大于第一亮度。
可选地,在根据本发明的浏览器的缩略图显示方法中,向移动终端发送包含该文件web地址的通知消息的步骤包括:通过服务器接收来自移动终端的直连通信邀请消息,该消息包含有移动终端的直连通信地址;向该直连通信地址发送访问请求消息;通过服务器接收来自移动终端的直连通信响应消息,进入直连通信模式;以及在直连通信模式下,向移动终端发送包含该文件的web地址的通知消息,该文件的web地址指示该文件在浏览器的web服务器中的web地址。
可选地,在根据本发明的浏览器的缩略图显示方法中,还包括步骤:若未接收到直连通信响应消息,则处于非直连通信模式;以及在非直连通信模式下,将该文件上传到服务器,该文件的web地址指示该文件在服务器的web服务器中的web地址。
可选地,在根据本发明的浏览器的缩略图显示方法中,还包括步骤:根据所请求文件的总体大小和已传输部分的大小估计传输进度;以及显示所请求文件传输的进度条。
可选地,在根据本发明的浏览器的缩略图显示方法中,文件包括图片和视频。
可选地,在根据本发明的浏览器的缩略图显示方法中,以第一亮度显示所请求文件的缩略图的步骤包括:根据浏览器设置的比例对所请求文件进行裁剪以得到缩略图;以及将该缩略图以数据URL的形式嵌入HTML文档对象模型中。
根据本发明的另一方面,提供了一种计算设备的浏览器,其中该浏览器能够通过服务器与移动终端相连,该浏览器包括:连接管理装置,适于响应于向移动终端发送计算设备上存储的文件的用户输入,向移动终端发送文件发送请求消息,以及响应于移动终端的应答消息,向移动终端发送包含该文件web地址的通知消息;web服务器;文件显示装置,适于以第一亮度显示所请求文件的缩略图,以及响应于来自移动终端的指示文件传输完成的消息,以第二亮度显示所请求文件的缩略图,其中第二亮度大于第一亮度。
可选地,在根据本发明的浏览器中,连接管理装置还适于接收来自移动终端的直连通信邀请消息,该消息包含有移动终端的直连通信地址;向该直连通信地址发送访问请求消息;若接收到来自移动终端的直连通信响应消息则使浏览器进入直连通信模式,在直连通信模式下,该文件的web地址指示该文件在浏览器的web服务器中的web地址。
可选地,在根据本发明的浏览器中,连接管理装置还适于若未接收到直连通信响应消息,则使浏览器处于非直连通信模式,在非直连通信模式下,该文件的web地址指示该文件在服务器的web服务器中的web地址。
可选地,在根据本发明的浏览器中,还包括文件设置装置,适于根据所请求文件的总体大小和已传输部分的大小估计传输进度;以及文件显示装置还适于显示所请求文件传输的进度条。
可选地,在根据本发明的浏览器中,文件包括图片和视频。
可选地,在根据本发明的浏览器中,文件设置装置还适于根据浏览器设置的比例对所请求文件进行裁剪以得到缩略图,并将该缩略图以数据URL的形式嵌入HTML文档对象模型中。
根据本发明的另一方面,提供了一种包括如上所述的浏览器的计算设备。
根据本发明的浏览器的缩略图显示方案,不需在计算设备上安装软件,只要在计算设备的浏览器中输入地址并使用移动终端的客户端应用扫描就能在浏览器与移动终端之间建立连接通道。用户可通过计算设备的浏览器上的缩略图预览移动终端的数据,提高了用户管理移动终端数据的效率。在从浏览器向移动终端传输文件时,可以以不同的缩略图亮度直观地提示用户传输的状态。另外,根据浏览器设置的比例对所请求文件进行裁剪以得到缩略图,从而可以在浏览器中以版面美观整齐的方式显示缩略图,提高了用户体验。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了一个计算设备100的结构框图;
图2示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器显示文件缩略图的系统200;
图3A示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的系统200在建立连接前移动终端的界面示意图;
图3B示出了根据本发明一个实施例的计算设备的浏览器显示二维码的界面示意图;
图3C示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的系统200建立通道后计算设备的浏览器的界面示意图;
图4示出了根据本发明一个实施例的浏览器的缩略图显示方法400的流程图;
图5示出了根据本发明一个实施例的计算设备的浏览器500的框图;
图6示出了根据本发明一个实施例的计算设备的浏览器上传缩略图时的显示界面示意图;
图7示出了根据本发明一个实施例的计算设备的浏览器显示缩略图的界面示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图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上存储有各种文件,如照片、音频、视频、文档(如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错误。
在直连通信模式下,信令/消息也可以从原通道(即经过服务器的通道)切换到移动终端与计算设备浏览器之间的直接连接通道,从而实现消息的本地化。切换通道的相关的消息的示例格式如下:
该directChannel消息由移动终端通过服务器发送给计算设备的浏览器,告知直连通信通道的地址(url)。浏览器在接收到该消息后对url地址进行轮询(polling)。移动终端在接收到轮询的GET请求后,会启动直连通信通道,停止往原通道POST消息。移动终端向浏览器发送switchChannel消息,格式示例为
{
    "type":"switchChannel"
}
switchChannel消息通知浏览器切换通道。浏览器收到该消息后,停止向服务器的原通道POST消息。
一旦进入直连模式,浏览器与移动终端之间可以不经过云端而直接例如通过企业内部的局域网传输数据。这样,不仅节省了移动终端的流量,而且大大提高了数据传输的速度,也提高了通过浏览器管理移动终端数据的用户体验。
以下将分别描述在直连通信模式和非直连通信模式下的文件传输过程。
在直连通信模式下,浏览器响应于用户操作,请求向移动终端发送文件。例如,用户通过鼠标、键盘等输入设备将计算设备中的图片文件发送给移动终端。移动终端在接收到文件发送请求之后,向计算设备发送愿意接收文件的应答消息,响应于该应答消息,计算设备的浏览器向移动终端发送包含所请求文件web地址的通知消息该文件的web地址指示该文件在浏览器的web服务器中的绝对url。移动终端在接收到响应消息后,按照web客户端-服务器方式从浏览器下载文件。
在直连通信模式中,可能存在一些特殊的实现方式。例如,PDF.js可能通过AJAX获取PDF文件,因此,在直连通信模式下存在跨域的问题。这时需要移动终端的web服务器实现CORS(跨来源资源共享协议)。CORS通过web服务器的一些头(Headers)的设置及确认来实现跨域请求,这里不再详细描述。
在非直连通信模式下,浏览器响应于用户操作,请求向移动终端发送文件。浏览器通过服务器向移动终端发送文件发送消息移动终端在接收到文件发送请求之后,向计算设备发送愿意接收文件的应答消息,响应于该应答消息,浏览器将所请求文件上传到服务器。服务器向移动终端返回包含该文件的web地址的通知消息。该文件的web地址指示该文件在服务器的web服务器中的地址。移动终端在接收到响应消息后,按照web客户端-服务器方式从服务器下载文件。
应当注意,这里的发送文件可以是双向的,既可以从浏览器向移动终端发送,也可以从移动终端向浏览器发送。
这样,可以通过计算设备的浏览器方便地与移动终端进行文件传输,而无需在计算设备上事先安装软件。
根据本发明的一个实施例,提出一种浏览器的缩略图显示方案,以下将详细描述缩略图显示方案。
图4示出了根据本发明的一个实施例的浏览器的缩略图显示方法400的流程图。该方法适于步骤S410。在步骤S410中,响应于用户在浏览器上向移动终端发送计算设备上存储的文件的输入,向移动终端发送文件发送请求消息。
随后在步骤S420中,响应于移动终端的应答消息,向移动终端发送包含该文件web地址的通知消息,以便所述移动终端从该web地址下载所请求的文件。按图2所示,在直连通信模式或非直连通信模式下完成文件的传输过程。
随后在步骤S430中,以第一亮度显示所请求文件的缩略图。根据本发明的一个实施方式,所请求的文件包括图片和视频。根据浏览器设置的比例对所请求文件进行裁剪以得到缩略图,从而可以在浏览器中以版面美观整齐的方式显示缩略图,提高了用户体验。另一方面,将所请求文件以数据URL的形式嵌入HTML文档对象模型中。以下为上传图片时的代码示例,首先利用Data URL将图像转换为Base64编码的字符串,并对图片进行裁剪处理。示例如下:
而后读取图像插入文档对象模型(DOM),示例如下:
随后在步骤S440中,响应于来自移动终端的指示文件传输完成的消息,以第二亮度显示所请求文件的缩略图,其中第二亮度大于第一亮度。根据本发明的一个实施例,其中当以第一亮度显示时,显示灰度图像,当以第二亮度显示时,按照图像正常的亮度显示。这样用户可以直观地了解文件传输的状态是正在传输还是已经传输完。
另外,在上传文件的同时,浏览器会根据所请求文件的总体大小和已传输部分的大小来估计传输进度,并显示所请求文件传输的进度条。例如,所请求文件的大小为80KB,目前已传输35KB,浏览器计算得到传输进度为35/80=0.4375,则在传输进度条上显示相应进度,如图6所示,以便于用户实时了解当前文件的传输情况。在上传文件完成后,以第二亮度显示缩略图的同时,进度条也会消失。网页缩略图显示界面如图7所示。示例代码如下:
try{
var dom=document.getElementById(upId);
var progress=document.getElementById("progress_"+upId);
dom.parentNode.removeChild(dom);
progress.parentNode.removeChild(progress);
}catch(e){
}
图5示出了根据本发明一个实施例的计算设备的浏览器500的框图。该浏览器500包括:连接管理装置510、web服务器520和文件显示装置530。
连接管理装置510适于响应于用户在浏览器输入的向移动终端发送计算设备上存储的文件的操作请求,向移动终端发送文件发送请求消息,而后接收到来自移动终端的应答消息,继而向移动终端发送包含该文件web地址的通知消息。按图2所述完成计算设备与移动终端之间的文件传输过程。在直连模式下,该文件的web地址指示该文件在web服务器520中的web地址,移动终端直接从该web地址下载文件。
在传输文件的过程中,浏览器的文件显示装置530适于以第一亮度显示所请求文件的缩略图。
同时,该浏览器500还可以包括文件设置装置540,适于在传输文件的过程中,根据所请求文件的总体大小和已传输部分的大小来估计传输进度。例如,所请求文件的大小为160KB,目前已传输100KB,浏览器计算得到传输进度为100/160=0.625,则由文件显示装置530显示所请求文件传输的进度条,上传进度为62.5%,以便于用户实时了解当前文件的传输情况。
本发明所提到的文件包括图片和视频。在上传文件时,文件设置装置540还适于根据浏览器设置的比例对所请求的图片、视频等进行裁剪以得到缩略图,并将该缩略图以数据URL的形式嵌入HTML文档对象模型中。
当接收到来自移动终端的指示文件传输完成的消息时,文件显示装置530以第二亮度显示所请求文件的缩略图,其中第二亮度大于第一亮度,同时进度条也会消失。根据本发明的实施例,上传文件时的缩略图显示如图6所示,上传完成后网页缩略图显示界面如图7所示。
应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的,而非限制性的,本发明的范围由所附权利要求书限定。

Claims (10)

1.一种计算设备的浏览器执行的缩略图显示方法,其中该浏览器能够通过服务器与移动终端相连,该方法包括步骤:
响应于用户在所述浏览器上向所述移动终端发送所述计算设备上存储的文件的输入,向所述移动终端发送文件发送请求消息;
响应于所述移动终端的应答消息,向所述移动终端发送包含该文件web地址的通知消息,以便所述移动终端从该web地址下载所请求的文件;
以第一亮度显示所请求文件的缩略图;以及
响应于来自移动终端的指示文件传输完成的消息,以第二亮度显示所请求文件的缩略图,其中第二亮度大于第一亮度。
2.如权利要求1所述的方法,其中所述向所述移动终端发送包含该文件web地址的通知消息的步骤包括:
通过所述服务器接收来自所述移动终端的直连通信邀请消息,该消息包含有移动终端的直连通信地址;
向该直连通信地址发送访问请求消息;
通过服务器接收来自移动终端的直连通信响应消息,进入直连通信模式;以及
在直连通信模式下,向移动终端发送包含该文件的web地址的通知消息,该文件的web地址指示该文件在浏览器的web服务器中的web地址。
3.如权利要求2所述的方法,还包括:
若未接收到所述直连通信响应消息,则处于非直连通信模式;以及
在非直连通信模式下,将该文件上传到服务器,该文件的web地址指示该文件在服务器的web服务器中的web地址。
4.如权利要求1所述的方法,还包括:
根据所请求文件的总体大小和已传输部分的大小估计传输进度;以及
显示所请求文件传输的进度条。
5.如权利要求1所述的方法,其中所述文件包括图片和视频。
6.如权利要求5所述的方法,其中所述以第一亮度显示所请求文件的缩略图的步骤包括:
根据浏览器设置的比例对所请求文件进行裁剪以得到缩略图;以及
将该缩略图以数据URL的形式嵌入HTML文档对象模型中。
7.一种计算设备的浏览器,其中该浏览器能够通过服务器与移动终端相连,该浏览器包括:
连接管理装置,适于响应于向所述移动终端发送所述计算设备上存储的文件的用户输入,向所述移动终端发送文件发送请求消息,以及响应于所述移动终端的应答消息,向所述移动终端发送包含该文件web地址的通知消息;
web服务器;
文件显示装置,适于以第一亮度显示所请求文件的缩略图,以及响应于来自所述移动终端的指示文件传输完成的消息,以第二亮度显示所请求文件的缩略图,其中第二亮度大于第一亮度。
8.如权利要求7所述的浏览器,其中:
连接管理装置还适于:
接收来自所述移动终端的直连通信邀请消息,该消息包含有移动终端的直连通信地址;
向该直连通信地址发送访问请求消息;
若接收到来自移动终端的直连通信响应消息则使所述浏览器进入直连通信模式,在直连通信模式下,该文件的web地址指示该文件在浏览器的web服务器中的web地址。
9.如权利要求8所述的浏览器,其中:
连接管理装置还适于若未接收到所述直连通信响应消息,则使所述浏览器处于非直连通信模式,在非直连通信模式下,该文件的web地址指示该文件在服务器的web服务器中的web地址。
10.如权利要求7所述的浏览器,还包括:
文件设置装置,适于根据所请求文件的总体大小和已传输部分的大小估计传输进度;以及
所述文件显示装置还适于显示所请求文件传输的进度条。
CN201410746423.8A 2014-12-08 2014-12-08 一种计算设备的浏览器及其缩略图显示方法 Active CN104462367B (zh)

Priority Applications (1)

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

Applications Claiming Priority (1)

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

Publications (2)

Publication Number Publication Date
CN104462367A true CN104462367A (zh) 2015-03-25
CN104462367B CN104462367B (zh) 2018-09-14

Family

ID=52908402

Family Applications (1)

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

Country Status (1)

Country Link
CN (1) CN104462367B (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105306249A (zh) * 2015-07-10 2016-02-03 深圳市美贝壳科技有限公司 上传云端照片时实时显示上传状态的方法
CN106453621A (zh) * 2016-11-18 2017-02-22 广州视源电子科技股份有限公司 一种在传输多个文件的过程中访问文件的方法及系统
CN107479783A (zh) * 2017-07-28 2017-12-15 深圳市元征科技股份有限公司 一种图片上传方法及终端
CN108737505A (zh) * 2018-04-27 2018-11-02 厦门理工学院 一种资源下载的方法、系统和终端设备
CN110188078A (zh) * 2019-06-10 2019-08-30 深圳市朗强科技有限公司 一种信息提醒方法、装置、设备及计算机可读存储介质
CN112291133A (zh) * 2019-07-22 2021-01-29 腾讯科技(深圳)有限公司 跨端发送文件的方法、装置、设备及介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1314634A (zh) * 2000-03-17 2001-09-26 索尼株式会社 文档转换方法、文档转换器、以及文档显示系统
CN102510405A (zh) * 2011-11-18 2012-06-20 深圳中兴网信科技有限公司 一种屏幕共享方法及其系统
CN103152399A (zh) * 2013-02-07 2013-06-12 百度在线网络技术(北京)有限公司 登录方法、系统和云端服务器
CN103389982A (zh) * 2012-05-08 2013-11-13 玉鹏 一种基于动态网页的计算机文件及目录浏览方法及系统
CN103634362A (zh) * 2012-08-28 2014-03-12 金蝶软件(中国)有限公司 文件传送方法、文件服务器及文件传送系统
US20140089662A1 (en) * 2012-09-26 2014-03-27 Tencent Technology (Shenzhen) Company Limited Systems and methods for sharing files among multiple terminals

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1314634A (zh) * 2000-03-17 2001-09-26 索尼株式会社 文档转换方法、文档转换器、以及文档显示系统
CN102510405A (zh) * 2011-11-18 2012-06-20 深圳中兴网信科技有限公司 一种屏幕共享方法及其系统
CN103389982A (zh) * 2012-05-08 2013-11-13 玉鹏 一种基于动态网页的计算机文件及目录浏览方法及系统
CN103634362A (zh) * 2012-08-28 2014-03-12 金蝶软件(中国)有限公司 文件传送方法、文件服务器及文件传送系统
US20140089662A1 (en) * 2012-09-26 2014-03-27 Tencent Technology (Shenzhen) Company Limited Systems and methods for sharing files among multiple terminals
CN103152399A (zh) * 2013-02-07 2013-06-12 百度在线网络技术(北京)有限公司 登录方法、系统和云端服务器

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
ALVIN YBAÑEZ: "AirDroid: Remotely manage your Android from a Web browser", 《HTTPS://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/》 *
阿、龙520: "《https://jingyan.baidu.com/article/5225f26b0a2550e6fa09082b.html》", 28 February 2014 *
马汉: "闪传2.0新版上线,全面超越茄子快传", 《计算机与网络》 *

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105306249A (zh) * 2015-07-10 2016-02-03 深圳市美贝壳科技有限公司 上传云端照片时实时显示上传状态的方法
CN106453621A (zh) * 2016-11-18 2017-02-22 广州视源电子科技股份有限公司 一种在传输多个文件的过程中访问文件的方法及系统
CN107479783A (zh) * 2017-07-28 2017-12-15 深圳市元征科技股份有限公司 一种图片上传方法及终端
CN108737505A (zh) * 2018-04-27 2018-11-02 厦门理工学院 一种资源下载的方法、系统和终端设备
CN110188078A (zh) * 2019-06-10 2019-08-30 深圳市朗强科技有限公司 一种信息提醒方法、装置、设备及计算机可读存储介质
CN112291133A (zh) * 2019-07-22 2021-01-29 腾讯科技(深圳)有限公司 跨端发送文件的方法、装置、设备及介质
CN112291133B (zh) * 2019-07-22 2022-06-28 腾讯科技(深圳)有限公司 跨端发送文件的方法、装置、设备及介质

Also Published As

Publication number Publication date
CN104462367B (zh) 2018-09-14

Similar Documents

Publication Publication Date Title
CN105718225B (zh) 一种云打印服务系统及其使用方法
CN104954428B (zh) 一种信息发布方法、计算设备及系统
CN104462367A (zh) 一种计算设备的浏览器及其缩略图显示方法
CN104378435B (zh) 计算设备的浏览器与移动终端的文件传输
US9753888B2 (en) Information processing device and conference system
CN103634389A (zh) 计算设备与移动设备之间的文件传输方法及装置、系统
CN102891890B (zh) 一种终端之间的交互方法及相关设备、系统
CN109542427B (zh) 一种系统定制方法、装置及电子设备和存储介质
CN111368173A (zh) 文件传输方法、装置、电子设备及可读存储介质
CN103078868A (zh) 一种二维码的应用方法和系统
CN105589836A (zh) 文档预览方法、终端及服务器
CN104376090A (zh) 计算设备的浏览器与移动终端的屏幕同步
CN104394208B (zh) 文件传输方法和服务器
CN107580011B (zh) 一种数据共享方法及桌面云服务端
CN104462366B (zh) 一种计算设备的浏览器及其缩略图显示方法
CN103618710A (zh) 移动设备与计算设备之间的文件个性化处理方法及装置
CN103338276A (zh) 一种网络终端之间传输数据的方法
CN104486371A (zh) 批量下载文件的设备和方法
CN102594886B (zh) 浏览器与浏览器直通的方法、装置和通信系统
CN103685332A (zh) 文件上传方法、客户端、服务器及系统
CN103369034A (zh) 一种将照片发送到数码相框的方法、系统及装置
US20170171339A1 (en) Advertisement data transmission method, electrnoic device and system
CN102404616A (zh) 基于数字电视网络进行数据云推送的方法及系统
CN110198349B (zh) 文件传输方法和装置、存储介质及电子装置
CN102761780A (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