CN104462366A - Browser of computing device and thumbnail display method of browser - Google Patents
Browser of computing device and thumbnail display method of browser Download PDFInfo
- 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
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/10—File systems; File servers
- G06F16/16—File or folder operations, e.g. details of user interfaces specifically adapted to file systems
- G06F16/168—Details 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
The invention discloses a thumbnail display method executed by a browser of a computing device. The browser of the computing device can be connected with a mobile terminal through a server. The method includes: in order to respond to a received request that a user needs to browse a file in a mobile terminal, generating a file list request message and sending the file list request message to the mobile terminal; in order to respond to an answer message received from the mobile terminal, displaying a file list in a data file thumbnail manner in the browser; in order to respond to detection of a cursor moving to one of file thumbnails, displaying the file thumbnail in a gradual magnification manner.
Description
Technical field
The present invention relates to data communication and image display arts.
Background technology
User improves day by day for the frequency of utilization of the such as mobile terminal such as smart mobile phone, panel computer, has even exceeded traditional desktop computer (PC) and notebook computer in a lot of occasion.The calculated performance of mobile terminal and storage space also in quick growth, thus allow installation and operation to widely apply and and then produce mass data.Such as, a smart mobile phone, through the use of user's a period of time, often stores the data such as the picture of gigabytes, audio frequency, video, application, document, address list, short message.Operations such as although user such as can browse these data on mobile phone, copy, deletions, if but user to be positioned at giant-screen computing equipment (as PC, notebook computer and intelligent television) front, he may more wish to carry out these operations by giant-screen computing equipment.The reason done like this is that giant-screen computing equipment has more powerful I/O equipment (as large display screen), can improve operating efficiency; The operating systems such as Another reason compares with application with the Android that mobile terminal runs, IOS, such as Windows, MAC OS that giant-screen computing equipment runs and application often can provide more powerful various function.
Some softwares have been had to provide giant-screen computing equipment to the data management function of mobile terminal at present.Typical example is the iTunes of Apple and various mobile phone assistant.User installs mobile terminal data management software on the traditional computer running the operating systems such as such as Windows, MAC OS, mobile terminal is connected to giant-screen computing equipment by cables such as such as USB, mobile terminal data management software reads the various data in mobile terminal, and allows user to carry out corresponding bookkeeping.But this uses and inconvenience concerning user.Even if there are some software support mobile terminals to be connected to giant-screen computing equipment by WLAN (wireless local area network), but user still needs to install mobile terminal data management software in advance on giant-screen computing equipment.Mounting software is not only loaded down with trivial details and consuming time in advance, and is difficult in some cases realize.Such as, the computing equipment of enterprises may limit the installation authority of software for security consideration, or the giant-screen computing equipment as intelligent television so does not use Windows, MAC OS operating system, available mobile terminal data management software may be there is no.
Therefore, user wishes the data more using mode managing mobile terminal on giant-screen computing equipment of simple and fast.
Summary of the invention
For this reason, the invention provides a kind of browser and method for viewing thumbnail thereof of computing equipment, to try hard to solve or at least alleviate at least one problem existed above.
According to an aspect of the present invention, the method for viewing thumbnail that the browser providing a kind of computing equipment performs, wherein this browser can be connected with mobile terminal by server, the method comprising the steps of: in response to the request receiving user and will browse the file in mobile terminal, spanned file list request message, and send listed files request message to mobile terminal; In response to the response message received from this mobile terminal, with file thumbnail dir in the display interface of browser; And in response to detecting that cursor moves on one of them file thumbnail, this file thumbnail is shown in the mode of amplifying gradually.
Alternatively, in the method for viewing thumbnail of browser according to the present invention, also comprise step: in response to the deletion action of user to the file corresponding at least one file thumbnail being detected, from display interface, cancel the display at least one file thumbnail; And move alternative document thumbnail successively, to fill up the viewing area that at least one file thumbnail described takies originally.
Alternatively, in the method for viewing thumbnail of browser according to the present invention, this file thumbnail is shown to comprise in the mode of amplifying gradually keep the viewing area that takies of this file thumbnail constant, the content of file thumbnail is amplified display gradually.
Alternatively, in the method for viewing thumbnail of browser according to the present invention, file comprises picture and video.
According to a further aspect in the invention, provide a kind of browser of computing equipment, wherein this browser can be connected with mobile terminal by server, and this browser comprises: message processing apparatus, be suitable for responding the request that user browses mobile terminal file, spanned file list request message; Connection management device, is suitable for listed files request message to send to mobile terminal, and receives the response message comprising data file thumbnail information from this mobile terminal; Document display apparatus, is suitable for, in a browser with data file thumbnail dir and in response to detecting that cursor moves on one of them file thumbnail, being shown by this file thumbnail in the mode of amplifying gradually.
Alternatively, in browser according to the present invention, document display apparatus is also suitable for, in response to the deletion action of user to the file corresponding at least one file thumbnail being detected, cancelling the display at least one file thumbnail described from display interface; And move alternative document thumbnail successively, to fill up the viewing area that at least one file thumbnail described takies originally.
Alternatively, in browser according to the present invention, the viewing area that document display apparatus is also suitable for keeping this file thumbnail to take is constant, and the content of file thumbnail is amplified display gradually.
Alternatively, in browser according to the present invention, file comprises picture and video.
According to a further aspect in the invention, a kind of computing equipment comprising browser as above is provided.
According to the thumbnail displaying scheme of browser of the present invention, do not need mounting software on the computing device, if in the browser of computing equipment Input Address use the client application of mobile terminal to scan just to connect between browser and mobile terminal passage.User, by the data of thumbnail preview mobile terminal, improves the efficiency of user management mobile terminal data.And user can amplify the content in thumbnail in the mode of amplifying gradually, outstanding visual effect, improves Consumer's Experience.
Accompanying drawing explanation
In order to realize above-mentioned and relevant object; combine description below and accompanying drawing herein to describe some illustrative aspect; these aspects indicate the various modes can putting into practice principle disclosed herein, and all aspects and equivalent aspect thereof are intended to fall in the scope of theme required for protection.Read detailed description below in conjunction with the drawings, above-mentioned and other object of the present disclosure, Characteristics and advantages will become more obvious.Throughout the disclosure, identical Reference numeral is often referred to for identical parts or element.
Fig. 1 shows the structured flowchart of a computing equipment 100;
Fig. 2 shows the system 200 of the browser display file thumbnail utilizing giant-screen computing equipment according to an embodiment of the invention;
Fig. 3 A shows the interface schematic diagram of system 200 mobile terminal before connecting of the browser administration mobile terminal document utilizing giant-screen computing equipment according to an embodiment of the invention;
Fig. 3 B shows the interface schematic diagram of the browser display Quick Response Code of computing equipment according to an embodiment of the invention;
Fig. 3 C shows the interface schematic diagram utilizing the system 200 of the browser administration mobile terminal document of giant-screen computing equipment to set up the browser of computing equipment after passage according to an embodiment of the invention;
Fig. 4 shows the process flow diagram of the method for viewing thumbnail 400 of browser according to an embodiment of the invention;
Fig. 5 shows the block diagram of the browser 500 of computing equipment according to an embodiment of the invention;
Fig. 6 A shows the interface schematic diagram of the browser display thumbnail of computing equipment according to an embodiment of the invention;
The browser that Fig. 6 B shows computing equipment according to an embodiment of the invention amplifies the interface schematic diagram showing thumbnail.
Embodiment
Below with reference to accompanying drawings exemplary embodiment of the present disclosure is described in more detail.Although show exemplary embodiment of the present disclosure in accompanying drawing, however should be appreciated that can realize the disclosure in a variety of manners and not should limit by the embodiment set forth here.On the contrary, provide these embodiments to be in order to more thoroughly the disclosure can be understood, and complete for the scope of the present disclosure can be conveyed to those skilled in the art.
Fig. 1 is arranged as the block diagram realized according to Example Computing Device 100 of the present invention.In basic configuration 102, computing equipment 100 typically comprises system storage 106 and one or more processor 104.Memory bus 108 may be used for the communication between processor 104 and system storage 106.
Depend on the configuration of expectation, processor 104 can be the process of any type, includes but not limited to: microprocessor (μ P), microcontroller (μ C), digital information processor (DSP) or their any combination.Processor 104 can comprise the high-speed cache of one or more rank of such as on-chip cache 110 and second level cache 112 and so on, processor core 114 and register 116.The processor core 114 of example can comprise arithmetic and logical unit (ALU), floating-point unit (FPU), digital signal processing core (DSP core) or their any combination.The Memory Controller 118 of example can use together with processor 104, or in some implementations, Memory Controller 118 can be an interior section of processor 104.
Depend on the configuration of expectation, system storage 106 can be the storer of any type, includes but not limited to: volatile memory (such as RAM), nonvolatile memory (such as ROM, flash memory etc.) or their any combination.System storage 106 can comprise operating system 120, one or more application 122 and routine data 124.In some embodiments, application 122 can be arranged as and utilize routine data 124 to operate on an operating system.
Computing equipment 100 can also comprise the interface bus 140 communicated contributed to from various interfacing equipment (such as, output device 142, Peripheral Interface 144 and communication facilities 146) to basic configuration 102 via bus/interface controller 130.The output device 142 of example comprises Graphics Processing Unit 148 and audio treatment unit 150.They can be configured to contribute to communicating with the various external units of such as display or loudspeaker and so on via one or more A/V port one 52.Example Peripheral Interface 144 can comprise serial interface controller 154 and parallel interface controller 156, they can be configured to the external unit contributed to via one or more I/O port one 58 and such as input equipment (such as, keyboard, mouse, pen, voice-input device, touch input device) or other peripheral hardwares (such as printer, scanner etc.) and so on and communicate.The communication facilities 146 of example can comprise network controller 160, and it can be arranged to is convenient to via one or more communication port 164 and the communication of one or more other computing equipments 162 by network communication link.
Network communication link can be an example of communication media.Communication media can be presented as computer-readable instruction, data structure, program module in the modulated data signal of such as carrier wave or other transmission mechanisms and so on usually, and can comprise any information delivery media." modulated data signal " can be such signal, the change of one or more or it of its data centralization can the mode of coded message in the signal be carried out.As nonrestrictive example, communication media can comprise the wire medium of such as cable network or private line network and so on, and such as sound, radio frequency (RF), microwave, infrared (IR) or other wireless medium are at interior various wireless mediums.Term computer-readable medium used herein can comprise both storage medium and communication media.
Computing equipment 100 can be implemented as a part for small size portable (or mobile) electronic equipment, and these electronic equipments can be such as cell phone, personal digital assistant (PDA), personal media player equipment, wireless network browsing apparatus, individual helmet, application specific equipment or the mixing apparatus that can comprise any function above.Computing equipment 100 can also be embodied as the personal computer comprising desktop computer and notebook computer configuration.
Fig. 2 shows the system 200 of the browser administration mobile terminal document utilizing giant-screen computing equipment according to an embodiment of the invention.This system 200 comprises mobile terminal 210, server 220 and computing equipment 230.Mobile terminal 210 is provided with the client application 212 supporting mobile terminal document management, and stores various file, as photo, audio frequency, video, document (document as forms such as Word, PDF).Applications client 212 may operate in the such as operating system such as Android, IOS.Server 220 can be such as the remote cloud server being physically located at one or more place.Computing equipment 230 such as can comprise the computing equipment that personal computer (PC), notebook computer, intelligent television etc. have relatively large screen.Computing equipment 230 is provided with browser 232, such as IE, Chrome and Firefox browser.Browser 232 may operate in the operating systems such as such as Windows, Mac.
First browser 232 receives the address that user inputs in browser address bar, such as, be domain name www.weline.cc, and it corresponds to the IP address of server 220.Browser is according to this address access services device 220, and concrete operations comprise such as inquiry DNS and obtain the IP address returned, and set up TCP and connect, send HTTP request request, be not repeated here to server.After receiving the request of access from browser 232, server 220 distributes the first session identification (Session ID) and gap marker (Channel ID).Server 220 generates the invitation address (inviteurl) corresponding with gap marker, calls Quick Response Code Transformation Service and this address is converted to two-dimension code pattern, and obtain the URL address (qrcodeurl) of this two-dimension code pattern.In other words, the content that this two-dimension code pattern comprises is inviteurl.Server 220 returns response message (200OK) to browser 232, the URL address qrcodeurl containing two-dimension code pattern in this message and the first session identification.Wherein the format sample of qrcodeurl is as follows:
qrcodeurl:"qrcode？content＝http://192.168.0.1/invite？id＝12d345d8z834baef839c0"，
Long connection is set up between server 220 with browser 232.The URL address qrcodeurl of two-dimension code pattern accessed by browser 232, obtains two-dimension code pattern and shows, as shown in Figure 3 B, showing two-dimension code image to wait for mobile scanning terminal Quick Response Code in this figure.Fig. 3 A shows the interface schematic diagram of system 200 mobile terminal when connecting of the browser administration mobile terminal document utilizing giant-screen computing equipment according to an embodiment of the invention, in this surface chart, the operation of user is pointed out, to set up the connection with server.User can apply by mobile terminal client terminal the two-dimension code pattern that the browser 232 of 212 scanning computing equipments 230 shows, thus obtains the content of two-dimension code pattern, namely invites address inviteurl.Mobile terminal client terminal application 212 access inviteurl, server 220 identifies to its backward channel, returns the second session identification simultaneously.Server can determine the relation of browser and mobile terminal by gap marker, and namely mobile scanning terminal is the Quick Response Code that browser shows.Be similar to the process connected between server and 220 browsers 232, between server 220 with client application 212, also set up long connection.Server 220 stores the first session identification that between server with browser, length is connected and the second session identification that between server with client application, length is connected, associated by gap marker between these two session identifications, come to form a passage between browser and client application by gap marker like this, with session identification distinguish long with server is connected to as if mobile terminal client terminal apply or browser.In other words, establish two respectively and be longly connected between server with browser and between server with client application, server regularly sends heartbeat message to browser and client application.These two long connections are by same channel logo association formation passage, and the signaling that client application sends or data are pushed to browser by this passage via server.
After setting up passage, the client application 212 of mobile terminal is by the statistical information of mobile terminal, as the model of mobile terminal, system version, storage space, store contact person, short message, Miscellaneous Documents quantity etc., browser 232 is sent to by passage, specifically, these information such as send to server 220 by post mode by the second session connection by client application 212, server 220 finds the first session connection of association according to gap marker, and by the first session connection, information is sent to browser 232.Browser 232 shows corresponding mobile terminal statistical information, the interface schematic diagram of the browser of computing equipment after Fig. 3 C shows and utilizes the system 200 of the browser administration mobile terminal document of giant-screen computing equipment to connect according to an embodiment of the invention, set up the master catalogue comprising various document classification, such as picture master catalogue, audio frequency master catalogue etc., if and when entering under such as picture master catalogue, can multiple picture thumbnails etc. be shown.User can check the information of mobile terminal on the browser of the computing equipment of giant-screen, and use the input equipment of computing equipment (as mouse, keyboard) carry out the various operation to file easily, as from acquisition for mobile terminal file, browse, deleted file etc.By setting up the passage via server between mobile terminal and the browser of computing equipment, only existing browser on computing equipment need be utilized can to realize the management to mobile terminal, and do not need mounting software in advance on the computing device, not only save the time of user, also save the work of software developer.And, utilize the scheme of browser administration mobile terminal be especially applicable to the installation limited authority of computing equipment software or lack the situation of available mobile terminal data management software.
After the browser of computing equipment and the client application of mobile terminal are connected by server, when server is received from the message of client application or data by the second session, server searches the first session identification associated with the second session identification according to gap marker, this message or data are sent to the browser of computing equipment by the first session.Be transferred through transit server due to this, be therefore called indirectly connected communication pattern.The invention allows for a kind of data-transmission mode without transit server, i.e. direct-connected communication pattern.Under direct-connected pattern, the data between the browser of computing equipment and the client application of mobile terminal are transmitted and can be undertaken by direct connection the between them, and do not need transit server, thus improve transmission speed and may save flow and expense.The process of establishing of direct-connected communication pattern will be described below.
First, the passage that the client application of mobile terminal has been set up by server, i.e. the first session and the second session, the browser to computing equipment sends the direct-connected communication invitation message comprising the direct-connected mailing address of mobile terminal.The format sample of message is as follows:
Wherein 192.168.1.119 is the direct-connected mailing address of mobile terminal oneself, the implicit IP address of such as WLAN (wireless local area network).The numerical value (id) of a stochastic generation can also be comprised, as authentication information in direct-connected communication notifications message.The direct-connected address that browser comprises in request access message after receiving direct-connected communication invitation message.This access classes is similar to ping operation, namely browser sends packet to this direct-connected mailing address, if the other side receives this packet, onesize packet can be returned, confirm that connection is between the two unimpeded thus, otherwise mean that browser cannot access direct-connected mailing address, under both continue to operate in indirectly connected pattern.When the client application of mobile terminal receives the access request message from browser, determine that mobile terminal and computing equipment can carry out direct-connected.In order to strengthen security, can comprise the numerical value in direct-connected communication notifications message in the access request message of browser, client application can be verified this numerical value.If checking is consistent, the client application of mobile terminal sends direct-connected communication response message by server to browser, and format sample is
{
type:"directOK"
}
Client application enters direct-connected pattern, starts web server.Browser, after receiving direct-connected communication response message, also enters direct-connected pattern.Like this, data transmission is carried out in the mode of server-client between client application and the browser of computing equipment.In addition, after receiving the access request message from browser, client application can record source IP addresses and write cookie, and the request for browser downloads file afterwards will verify IP address and cookie, if do not mated, returns 403 mistakes.Also have, due to the client application not same area of server and mobile terminal, and browser and client application can adopt AJAX (asynchronous JavaScript and XML) mode to send request of access, and consider the restriction of same source policy of browser, therefore, the client application of mobile terminal can also realize cross-domain resource and share (CORS), it can add the information (Access-Control-Allow-Origin) allowing the cross-domain access of browser in the response header of direct-connected invitation message, cross-domain access can be carried out when receiving this direct-connected invitation message with convenient browser.
Under direct-connected communication pattern, signaling/message also can be switched to direct interface channel between mobile terminal and computing equipment browser from former passage (namely through the passage of server), thus realizes the localization of message.The format sample of the relevant message of switching channel is as follows:
This directChannel message is sent to the browser of computing equipment by server by mobile terminal, inform the address (url) of direct communication channel.Browser carries out poll (polling) to url address upon receiving the message.Mobile terminal, after the GET request receiving poll, can start direct communication channel, stop toward former passage POST message.Mobile terminal sends switchChannel message to browser, format sample be
"type":"switchChannel"
}
SwitchChannel message informing browser switching channel.After browser receives this message, stop the former passage POST message to server.
Once enter direct-connected pattern, can without high in the clouds directly such as by the local network transport data of enterprises between browser and mobile terminal.Like this, not only save the flow of mobile terminal, and substantially increase the speed of data transmission, also improve the Consumer's Experience by browser administration mobile terminal data.
The document transmission process under direct-connected communication pattern and indirectly connected communication pattern will be described in respectively below.
Under direct-connected communication pattern, browser in response to user operation, the file in acquisition request mobile terminal.Such as, user views the information such as listed files, thumbnail that mobile terminal stores on a web browser, is specified the file that will obtain by the input equipment such as mouse, keyboard.Browser sends file request message (requestFile) to mobile terminal, includes the mark of requested document in this message.Mobile terminal, after receiving file request, returns the notification message of the web address comprising this file.The web address of this file indicates the absolute url of this file in the web server of mobile terminal.Browser after receiving response message, according to web client-server mode from mobile terminal download file.
In direct-connected communication pattern, the implementation that some are special may be there is.Such as, PDF.js can obtain pdf document by AJAX, therefore, under direct-connected communication pattern, there is cross-domain problem.At this moment the web server of mobile terminal is needed to realize CORS (across source Resource Sharing Protocol).CORS passes through the setting of some heads (Headers) of web server and confirms to realize cross-domain request, is not described in detail here.
Under indirectly connected communication pattern, browser in response to user operation, the file in acquisition request mobile terminal.Browser sends file request message (requestFile) by server to mobile terminal, includes the mark of requested document in this message.This file, after receiving file request, uploads onto the server by mobile terminal.Server returns the notification message of the web address comprising this file to browser.The web address of this file indicates the address of this file in the web server of server.Browser after receiving response message, according to web client-server mode from server download file.
Except answering browse request, file also initiatively can be sent to browser by mobile terminal.Such as, photo can be sent to browser by user in the client application of mobile terminal.Under direct-connected pattern, browser sends file to mobile terminal and sends message (sendFile).This message format example is
Mobile terminal sends the notification message comprising the web address of this file to browser.The web address of this file indicates the absolute url of this file in the web server of mobile terminal.Browser after receiving response message, according to web client-server mode from mobile terminal download file.In indirectly connected communication pattern, browser sends file to mobile terminal and sends message, the files passe that mobile terminal will send is to server, server comprises the web address of this file notification message after receiving file sends to browser, browser after receiving response message, according to web client-server mode from server download file.
It should be noted that transmission file here can be two-way, both can send to browser from mobile terminal, and also can send to mobile terminal from browser.
Like this, file transfer can be carried out with mobile terminal easily by the browser of computing equipment, and without the need to prior mounting software on the computing device.
For the mobile terminal of such as smart mobile phone and so on, often store a large amount of data files, as picture, audio frequency, video, application and document.According to one embodiment of present invention, a kind of thumbnail displaying scheme of browser is proposed.Below by this thumbnail displaying scheme of detailed description.Fig. 4 shows the process flow diagram of the method for viewing thumbnail 400 of browser according to an embodiment of the invention.The method is suitable for step S410.In step S410, in response to the request receiving user and will browse the file in mobile terminal, spanned file list request message, and send listed files request message to mobile terminal.Such as, when user selects certain type file (as the picture) checked in mobile terminal on the management threshold interface of browser, browser spanned file list request message, and this message is sent to mobile terminal.
Subsequently in the step s 420, in response to the response message received from mobile terminal, namely comprise the thumbnail file of data file thumbnail information, then in a browser with data file thumbnail dir, as shown in Figure 6A.Subsequently in step S430, in response to detecting that cursor moves on one of them file thumbnail, with the thumbnail content of the mode display highlighting indication amplified gradually, as shown in Figure 6B.
The browser of mobile terminal detects the cursor input of user in browser display interface in real time, here cursor can be the sign of locative arbitrary shape on browser display interface, as arrow, cross etc., user can pass through the operation of the realizations such as mouse, keyboard, control lever to cursor simultaneously.Typically, user usually can by mouse drag cursor when browsing webpage, and it is mobile if detect, cursor stops, and when stopping mobile by cursor, residing position is defined as a cursor input.
Input in response to this cursor, first determine its position coordinates corresponding in display interface, then determine whether this position coordinates belongs to the file thumbnail region in display interface.If this position coordinates just in time drops in the coordinate range of a certain thumbnail viewing area, then determine that this file thumbnail is target display figure, show this file thumbnail content in the mode of amplifying gradually; If this position coordinates does not belong to the coordinate range of any one thumbnail viewing area, then ignore this cursor input operation.Wherein, the viewing area that the mode of amplifying display thumbnail is gradually defined as keeping this file thumbnail to take is constant, then the content of file thumbnail is amplified display gradually.
In addition, in response to the deletion action of user to the file corresponding at least one file thumbnail being detected, the display at least one file thumbnail described is cancelled from display interface, and move alternative document thumbnail successively, to fill up the viewing area that at least one file thumbnail described takies originally.With neat space of a whole page display file thumbnail attractive in appearance.Code sample is as follows:
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；
}
Fig. 5 shows the block diagram of the browser 500 of computing equipment according to an embodiment of the invention.This browser 500 comprises: message processing apparatus 510, connection management device 520 and document display apparatus 530.
Message processing apparatus 510 responds the request that user browses mobile terminal file, spanned file list request message.Then by connection management device 520, this file list request message is sent to mobile terminal, and receive the response message comprising data file thumbnail information from mobile terminal, namely receive the thumbnail file comprising data file thumbnail information.On the display interface of browser, this listed files is shown in the mode of data file thumbnail, as shown in Figure 6A, so that user's browser document by document display apparatus 530.
Document display apparatus 530 also in response to detecting that user moves the cursor to one of them file thumbnail, can show this file thumbnail content in the mode of amplifying gradually, as shown in Figure 6B.
Simultaneously, document display apparatus 530 is in response to the deletion action of user at least one file in the multiple files shown in the display interface of browser being detected, the display to this file is cancelled from display interface, and move alternative document thumbnail successively, to fill up the viewing area that deleted file thumbnail takies originally.
It should be noted that the file that the present invention mentions comprises picture and video.
Be to be understood that, in order to simplify the disclosure and to help to understand in each inventive aspect one or more, in the description above to exemplary embodiment of the present invention, each feature of the present invention is grouped together in single embodiment, figure or the description to it sometimes.But, the method for the disclosure should be construed to the following intention of reflection: namely the present invention for required protection requires than the feature more multiple features clearly recorded in each claim.Or rather, as claims below reflect, all features of disclosed single embodiment before inventive aspect is to be less than.Therefore, the claims following embodiment are incorporated to this embodiment thus clearly, and wherein each claim itself is as independent embodiment of the present invention.
Those skilled in the art are to be understood that the module of the equipment in example disclosed herein or unit or assembly can be arranged in equipment as depicted in this embodiment, or alternatively can be positioned in one or more equipment different from the equipment in this example.Module in aforementioned exemplary can be combined as a module or can be divided into multiple submodule in addition.
Those skilled in the art are appreciated that and adaptively can change the module in the equipment in embodiment and they are arranged in one or more equipment different from this embodiment.Module in embodiment or unit or assembly can be combined into a module or unit or assembly, and multiple submodule or subelement or sub-component can be put them in addition.Except at least some in such feature and/or process or unit be mutually repel except, any combination can be adopted to combine all processes of all features disclosed in this instructions (comprising adjoint claim, summary and accompanying drawing) and so disclosed any method or equipment or unit.Unless expressly stated otherwise, each feature disclosed in this instructions (comprising adjoint claim, summary and accompanying drawing) can by providing identical, alternative features that is equivalent or similar object replaces.
In addition, those skilled in the art can understand, although embodiments more described herein to comprise in other embodiment some included feature instead of further feature, the combination of the feature of different embodiment means and to be within scope of the present invention and to form different embodiments.Such as, in the following claims, the one of any of embodiment required for protection can use with arbitrary array mode.
In addition, some in described embodiment are described as at this can by the processor of computer system or the method implemented by other device performing described function or the combination of method element.Therefore, there is the device of processor formation for implementing the method or method element of the necessary instruction for implementing described method or method element.In addition, the element described herein of device embodiment is the example as lower device: this device is for implementing the function performed by the element of the object in order to implement this invention.
As used in this, unless specifically stated so, use ordinal number " first ", " second ", " the 3rd " etc. to describe plain objects and only represent the different instances relating to similar object, and be not intended to imply the object be described like this must have the time upper, spatially, sequence aspect or in any other manner to definite sequence.
Although the embodiment according to limited quantity describes the present invention, benefit from description above, those skilled in the art understand, in the scope of the present invention described thus, it is contemplated that other embodiment.In addition, it should be noted that the language used in this instructions is mainly in order to object that is readable and instruction is selected, instead of select to explain or limiting theme of the present invention.Therefore, when not departing from the scope and spirit of appended claims, many modifications and changes are all apparent for those skilled in the art.For scope of the present invention, be illustrative to disclosing of doing of the present invention, and nonrestrictive, and scope of the present invention is defined by the appended claims.
Claims (9)
1. a method for viewing thumbnail for the browser execution of computing equipment, wherein this browser can be connected with mobile terminal by server, and the method comprising the steps of:
In response to the request receiving user and will browse the file in mobile terminal, spanned file list request message, and send listed files request message to described mobile terminal;
In response to the response message received from described mobile terminal, with file thumbnail dir in the display interface of described browser; And
In response to detecting that cursor moves on one of them file thumbnail, this file thumbnail is shown in the mode of amplifying gradually.
2. the method for claim 1, also comprises step:
In response to the deletion action of user to the file corresponding at least one file thumbnail being detected, from display interface, cancel the display at least one file thumbnail described; And
Move alternative document thumbnail successively, to fill up the viewing area that at least one file thumbnail described takies originally.
3. the method for claim 1, wherein said this file thumbnail is shown to comprise in the mode of amplifying gradually keep the viewing area that takies of this file thumbnail constant, the content of file thumbnail is amplified display gradually.
4. method as described in claim 1 or 2, wherein said file comprises picture and video.
5. a browser for computing equipment, wherein this browser can be connected with mobile terminal by server, and this browser comprises:
Message processing apparatus, is suitable for responding the request that user browses described mobile terminal file, spanned file list request message;
Connection management device, is suitable for described listed files request message to send to described mobile terminal, and receives the response message comprising data file thumbnail information from described mobile terminal;
Document display apparatus, to be suitable in described browser, with data file thumbnail dir and in response to detecting that cursor moves on one of them file thumbnail, being shown by this file thumbnail in the mode of amplifying gradually.
6. browser as claimed in claim 5, wherein:
Described document display apparatus is also suitable for, in response to the deletion action of user to the file corresponding at least one file thumbnail being detected, cancelling the display at least one file thumbnail described from display interface; And
Move alternative document thumbnail successively, to fill up the viewing area that at least one file thumbnail described takies originally.
7. browser as claimed in claim 5, wherein:
The viewing area that described document display apparatus is also suitable for keeping this file thumbnail to take is constant, and the content of file thumbnail is amplified display gradually.
8. the browser as described in claim 5 or 6, wherein said file comprises picture and video.
9. a computing equipment, comprises the browser according to any one of claim 5-8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410746287.2A CN104462366B (en) | 2014-12-08 | 2014-12-08 | The browser and its method for viewing thumbnail of a kind of computing device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410746287.2A CN104462366B (en) | 2014-12-08 | 2014-12-08 | The browser and its method for viewing thumbnail of a kind of computing device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104462366A true CN104462366A (en) | 2015-03-25 |
| CN104462366B CN104462366B (en) | 2018-04-13 |
Family
ID=52908401
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410746287.2A Active CN104462366B (en) | 2014-12-08 | 2014-12-08 | The browser and its method for viewing thumbnail of a kind of computing device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104462366B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106201159A (en) * | 2015-05-08 | 2016-12-07 | 阿里巴巴集团控股有限公司 | The pre-methods of exhibiting of information based on Web page area, Apparatus and system |
| CN107330483A (en) * | 2017-06-14 | 2017-11-07 | 北京金堤科技有限公司 | The cross-terminal methods of exhibiting and system of relation map |
| CN108628934A (en) * | 2017-03-17 | 2018-10-09 | 株式会社理光 | Image processing apparatus, image processing system, image processing method and recording medium |
| CN109271543A (en) * | 2018-09-26 | 2019-01-25 | Oppo广东移动通信有限公司 | Display methods, device, terminal and the computer readable storage medium of thumbnail |
| CN112291133A (en) * | 2019-07-22 | 2021-01-29 | 腾讯科技（深圳）有限公司 | Method, device, equipment and medium for sending files across terminals |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1314634A (en) * | 2000-03-17 | 2001-09-26 | 索尼株式会社 | File convertion method, file convertor and file display system |
| CN103475929A (en) * | 2013-09-06 | 2013-12-25 | 深圳Tcl新技术有限公司 | Method and system for reading multi-media file thumbnails |
-
2014
- 2014-12-08 CN CN201410746287.2A patent/CN104462366B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1314634A (en) * | 2000-03-17 | 2001-09-26 | 索尼株式会社 | File convertion method, file convertor and file display system |
| CN103475929A (en) * | 2013-09-06 | 2013-12-25 | 深圳Tcl新技术有限公司 | Method and system for reading multi-media file thumbnails |
Non-Patent Citations (2)
| 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)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106201159A (en) * | 2015-05-08 | 2016-12-07 | 阿里巴巴集团控股有限公司 | The pre-methods of exhibiting of information based on Web page area, Apparatus and system |
| CN108628934A (en) * | 2017-03-17 | 2018-10-09 | 株式会社理光 | Image processing apparatus, image processing system, image processing method and recording medium |
| CN108628934B (en) * | 2017-03-17 | 2022-09-27 | 株式会社理光 | Image processing apparatus, image processing system, image processing method, and recording medium |
| CN107330483A (en) * | 2017-06-14 | 2017-11-07 | 北京金堤科技有限公司 | The cross-terminal methods of exhibiting and system of relation map |
| CN109271543A (en) * | 2018-09-26 | 2019-01-25 | Oppo广东移动通信有限公司 | Display methods, device, terminal and the computer readable storage medium of thumbnail |
| CN112291133A (en) * | 2019-07-22 | 2021-01-29 | 腾讯科技（深圳）有限公司 | Method, device, equipment and medium for sending files across terminals |
| CN112291133B (en) * | 2019-07-22 | 2022-06-28 | 腾讯科技（深圳）有限公司 | Method, device, equipment and medium for sending files in cross-terminal mode |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104462366B (en) | 2018-04-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11797256B2 (en) | Virtual workspace viewport following in collaboration systems | |
| CN104954428B (en) | A kind of information issuing method calculates equipment and system | |
| CN104378435A (en) | Method for transmitting file between browser of computing device and mobile terminal | |
| CN104462366A (en) | Browser of computing device and thumbnail display method of browser | |
| WO2016107400A1 (en) | Method and system for binding user account number to image formation device by mobile terminal | |
| CN104376090A (en) | Screen synchronization equipment of browser in computing equipment and mobile terminal | |
| CN104462367A (en) | Browser of computing device and thumbnail display method of browser | |
| CN103634389A (en) | File transfer method, device and system between calculation device and mobile device | |
| CN105589836A (en) | Document previewing method, terminal and server | |
| US20120293826A1 (en) | Systems and methods for providing multiple images | |
| CN104394208A (en) | File transmission method and server | |
| CN104869143A (en) | Data sharing method and device, client and server | |
| CN103475682A (en) | File transfer method and file transfer equipment | |
| CN103067257A (en) | Method and server and system for achieving data mutual communication in social networking service | |
| CN104486371A (en) | Equipment and method for downloading file on batch | |
| US20150106879A1 (en) | Data recovery method, device and system using same | |
| CN103559194A (en) | Searching method, server and system | |
| CN103731458A (en) | Method and system for sharing files among terminals | |
| CN102594886A (en) | Method and device for direct communication between browsers, and communication system | |
| CN108880992A (en) | Data transmission method, computer equipment and storage medium | |
| WO2015035899A1 (en) | Search methods and terminals | |
| US20130318430A1 (en) | Method for Creating and Publishing an Electronic Publication and Publishing System for Implementing the Method | |
| CN104394210A (en) | Direction connection communication method and device | |
| CN104484338A (en) | File list management equipment and method | |
| CN104462250A (en) | Communication method of browser of computing device and mobile terminal |
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 |