CN103258024B - The sharing method of picture local content, system and device in webpage - Google Patents
The sharing method of picture local content, system and device in webpage Download PDFInfo
- Publication number
- CN103258024B CN103258024B CN201310165124.0A CN201310165124A CN103258024B CN 103258024 B CN103258024 B CN 103258024B CN 201310165124 A CN201310165124 A CN 201310165124A CN 103258024 B CN103258024 B CN 103258024B
- Authority
- CN
- China
- Prior art keywords
- picture
- local content
- client
- user
- page
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 23
- 230000005540 biological transmission Effects 0.000 claims abstract description 11
- 230000001960 triggered effect Effects 0.000 claims description 30
- 230000008569 process Effects 0.000 description 5
- 238000004321 preservation Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 239000002699 waste material Substances 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 244000097202 Rathbunia alamosensis Species 0.000 description 1
- 235000009776 Rathbunia alamosensis Nutrition 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The present invention proposes the sharing method of picture local content in a kind of webpage, including: client loads webpage; Client is the event handling function that correspondence bound respectively by least one picture in webpage; Client receives user and selects the coordinate information of local content, and shares request to cloud server transmission; Cloud server obtains the local content in picture according to the first picture address and coordinate information, and generates, according to local content, the second picture address that local content picture is corresponding with local content graph sheet; Cloud server generates the front end of third-party platform according to second picture address corresponding to local content picture and shares the page, and client is jumped to front end shares the page; Client is shared the page by front end and is loaded local content picture and share to third-party platform. The present invention meets user partial and shares the demand of picture, simple to operation, saving network flow. The invention also discloses the share system of picture local content in a kind of webpage, a kind of client and a kind of cloud server.
Description
Technical field
The present invention relates to Internet technical field, particularly to the sharing method of picture local content, system and device in a kind of webpage.
Background technology
Along with the development of the Internet, website has been not only limited to text message, and a lot of websites both provide abundant content of multimedia, for instance picture and video etc. And website is developed from simple displaying to interactive mode, user not only can obtain the server response message to request, it is also possible to active upload content is to server. Such as, on the open platforms such as Sina's microblogging, Renren Network, both provide the picture sharing function of at least two form:
The first is that the rear end by platform is shared interface and shared. When user needs to share certain pictures, interface is shared in the rear end that the website calling platform at picture place provides, and picture is uploaded to platform.
The second is to be shared by front end interface. When user needs to share certain pictures, picture place website user browser is redirected to platform provide share the page, the network address parameter that page address is shared as platform in the network address of picture user shared is transmitted. Without transmitting this parameter, then platform is before the page is shared in display, can first capture the content of the webpage at the picture place that user shares and resolve accordingly, identifying the list of wherein legal picture, it being all shown in shares on the page, user select the picture needing to share.
But no matter adopting which kind of mode above-mentioned, whole picture can only be shared by user. It practice, user merely desires to share local picture. Such as user is likely to have following reason to share local picture:
(1) dimension of picture, is shared too big. If photo current place website or application use platform rear end to share interface, full figure is shared can cause that uploading pictures process elapsed time is long, shares speed slow. Especially share on the mobile apparatus picture, also can consumed flow, cause waste. Or dimension of picture has exceeded the picture size upper limit that platform is supported, causes and cannot share.
(2), share picture to comprise and contain much information. Possible user wishes that other user pays close attention to the information in certain specific region of picture, and certain personage in picture, certain article or certain section of word etc., without other Picture section.
And the existing technical scheme sharing picture local content is based primarily upon client, the sectional drawing such as browsers such as chrome shares plug-in unit. Workflow is as follows:
Step 1: user selects to intercept certain region of current device screen by plug-in unit or client-side program.
Step 2: the pixel value corresponding to screen area that user is selected by plug-in unit or client-side program is saved under preset path with default picture format.
Step 3: plug-in unit or client program calls provide the platform end interface of picture sharing function, are shared by the picture being saved under preset path.
Prior art provides without picture website or client application self and supports or develop. However it is necessary that installation external browser plug-in unit or client. By the mode of screenshotss, certain region of picture is intercepted, simultaneously need to just can share after saving as local picture, it is impossible to directly select respective regions on the basis of original picture and share. Additionally, when the prior art is applied in mobile terminal, there is also power consumption big, waste the problems such as customer flow.
Summary of the invention
It is contemplated that at least solve one of technical problem of existence in prior art.
For this, first purpose of the present invention is in that to propose the sharing method of picture local content in a kind of webpage. This method disclosure satisfy that user partial shares the demand of picture, simple to operation, saving network flow.
Second purpose of the present invention is in that to propose the share system of picture local content in a kind of webpage.
3rd purpose of the present invention is in that to propose client.
4th purpose of the present invention is in that to propose cloud server.
For reaching above-mentioned purpose, the embodiment of first aspect present invention proposes the sharing method of picture local content in a kind of webpage, comprises the following steps: client loads webpage, and wherein, described webpage includes at least one picture; Described client is the event handling function that correspondence bound respectively by least one picture in described webpage, wherein, when described event handling function is triggered under given conditions described event handling function record user for the coordinate information of local content in corresponding picture; Described client receives user and selects the coordinate information of local content, and share request to cloud server transmission, wherein, share request described in and include the third-party platform that the first picture address corresponding to picture belonging to described local content, described coordinate information and described user select; Described cloud server obtains the local content in described picture according to described first picture address and described coordinate information, and generates, according to described local content, the second picture address that local content picture is corresponding with described local content picture; Described cloud server generates the front end of described third-party platform according to second picture address corresponding to described local content picture and shares the page, and described client is jumped to described front end shares the page; Described client is shared the page by described front end and is loaded described local content picture and share to described third-party platform.
The sharing method of picture local content in webpage according to embodiments of the present invention, the local message of picture is directly obtained by the event handling function of client, and share request to cloud server transmission, the page is shared to client in the front end being returned third-party platform by cloud server, shares. This method does not need to install plug-in unit, does not need to carry out local preservation and just can directly intercept and share picture, meets the demand in user individual uploading pictures region, make uploading pictures size more flexible, simple to operation, saving network flow, power and energy saving, Consumer's Experience is good.
In one embodiment of the invention, also include: described client is shared the page by described front end and received the description information of user's input.
In one embodiment of the invention, when described webpage includes multiple picture, described in share request and also include the pictorial information of the picture belonging to local content that described user selects.
In one embodiment of the invention, described specified conditions are for when on described picture, residence time exceedes Preset Time to mouse, and described event handling function is triggered.
In one embodiment of the invention, also including: when described event handling function is triggered, described event handling function renders picture region choice box, the position of described picture region choice box and the size input adjustment according to described user on described picture.
In one embodiment of the invention, described client is browser.
The embodiment of second aspect present invention proposes the share system of picture local content in a kind of webpage, including client and cloud server. wherein, client is for loading the webpage including at least one picture, and the event handling function of correspondence is bound respectively at least one picture in described webpage, and reception user selects the coordinate information of local content, and share request to cloud server transmission, wherein, when described event handling function is triggered under given conditions, described event handling function record user is for the coordinate information of local content in corresponding picture, described sharing asks to include the first picture address that picture belonging to described local content is corresponding, the third-party platform that described coordinate information and described user select, and share the page by described front end and load described local content picture sharing to described third-party platform, described cloud server is for obtaining the local content in described picture according to described first picture address and described coordinate information, and generate, according to described local content, the second picture address that local content picture is corresponding with described local content picture, and generate the front end of described third-party platform according to second picture address corresponding to described local content picture and share the page, and described client is jumped to described front end share the page.
The share system of picture local content in webpage according to embodiments of the present invention, the local message of picture is directly obtained by the event handling function of client, and share request to cloud server transmission, the page is shared to client in the front end being returned third-party platform by cloud server, shares. Native system does not need to install plug-in unit, does not need to carry out local preservation and just can directly intercept and share picture, meets the demand in user individual uploading pictures region, make uploading pictures size more flexible, simple to operation, saving network flow, power and energy saving, Consumer's Experience is good.
In one embodiment of the invention, described client, it is additionally operable to share the page by described front end and receives the description information of user's input.
In one embodiment of the invention, when described webpage includes multiple picture, described in share request and also include the pictorial information of the picture belonging to local content that described user selects.
In one embodiment of the invention, described specified conditions are for when on described picture, residence time exceedes Preset Time to mouse, and described event handling function is triggered.
In one embodiment of the invention, when described event handling function is triggered, described event handling function renders picture region choice box, the position of described picture region choice box and the size input adjustment according to described user on described picture.
In one embodiment of the invention, described client is browser.
The embodiment of third aspect present invention proposes a kind of client, including load-on module, event processing module, receiver module, sending module, third-party platform receiver module and sharing module.
Wherein, load-on module is used for loading webpage, and wherein, described webpage includes at least one picture; Event processing module for binding the event handling function of correspondence respectively at least one picture in described webpage, wherein, when described event handling function is triggered under given conditions described event handling function record user for the coordinate information of local content in corresponding picture; Receiver module selects the coordinate information of local content for receiving user; Sending module shares request for sending to cloud server, wherein, described sharing asks to include the third-party platform that the first picture address corresponding to picture belonging to described local content, described coordinate information and described user select, so that described cloud server shares the page according to the front end of described first picture address, the described coordinate information described third-party platform of generation; Third-party platform receiver module shares the page for the front end receiving the described third-party platform that described cloud server sends; Sharing module loads described local content picture for sharing the page by described front end and shares to described third-party platform.
Client according to embodiments of the present invention, directly obtains the local message of picture by event handling function, sends to cloud server and shares request, and the page of sharing returned by cloud server is shared. This client does not need to install plug-in unit, does not need to carry out local preservation and just can directly intercept and share picture, meets the demand in user individual uploading pictures region, make uploading pictures size more flexible, simple to operation, saving network flow, power and energy saving, Consumer's Experience is good.
In one embodiment of the invention, described sharing module is additionally operable to share the page by described front end and receives the description information of user's input.
In one embodiment of the invention, when described webpage includes multiple picture, described in share request and also include the pictorial information of the picture belonging to local content that described user selects.
In one embodiment of the invention, described specified conditions are for when on described picture, residence time exceedes Preset Time to mouse, and described event handling function is triggered.
In one embodiment of the invention, when described event handling function is triggered, described event handling function renders picture region choice box, the position of described picture region choice box and the size input adjustment according to described user on described picture.
In one embodiment of the invention, described client is browser.
The embodiment of fourth aspect present invention proposes a kind of cloud server, including receiver module, interception module, generation module and sending module.
Wherein, receiver module shares request for what receive that client sends, wherein, described in share request and include the third-party platform that the first picture address corresponding to picture belonging to the local content that user selects, the coordinate information of described local content and described user select; Interception module is for obtaining the local content in described picture according to described first picture address and described coordinate information, and generates, according to described local content, the second picture address that local content picture is corresponding with described local content picture; The page is shared in the front end that generation module generates described third-party platform for the second picture address corresponding according to described local content picture; Sending module sends to described client for described front end is shared the page, loads described local content picture so that described client shares the page by described front end and shares to described third-party platform.
Cloud server according to embodiments of the present invention, according to sharing local content that acquisition request user shares and generating second picture address, generate front end share the page and send to client, fit end meets user not to be needed to carry out the local function preserving and just can directly intercepting and share picture, meets the demand in user individual uploading pictures region so that uploading pictures size is more flexible, simple to operation, saving network flow, power and energy saving, Consumer's Experience is good.
The additional aspect of the present invention and advantage will part provide in the following description, and part will become apparent from the description below, or is recognized by the practice of the present invention.
Accompanying drawing explanation
Above-mentioned and/or the additional aspect of the present invention and advantage are from conjunction with will be apparent from easy to understand the accompanying drawings below description to embodiment, wherein:
Fig. 1 is the flow chart of the sharing method of picture local content in webpage according to embodiments of the present invention;
Fig. 2 is the structural representation of the share system of picture local content in webpage according to embodiments of the present invention;
Fig. 3 is the structural representation of client according to embodiments of the present invention; With
Fig. 4 is the structural representation of cloud server according to embodiments of the present invention.
Detailed description of the invention
Being described below in detail embodiments of the invention, the example of described embodiment is shown in the drawings, and wherein same or similar label represents same or similar element or has the element of same or like function from start to finish. The embodiment described below with reference to accompanying drawing is illustrative of, and is only used for explaining the present invention, and is not considered as limiting the invention.
Describe the sharing method of picture local content in webpage according to embodiments of the present invention below with reference to Fig. 1, comprise the following steps:
Step S110: client loads webpage, and wherein, webpage includes at least one picture.
Step S120: client is the event handling function that correspondence bound respectively by least one picture in webpage,
Wherein, when event handling function is triggered under given conditions event handling function record user for the coordinate information of local content in corresponding picture.
Specified conditions are for when on picture, residence time exceedes Preset Time to mouse, and event handling function is triggered. When event handling function is triggered, event handling function renders the input adjustment according to user of picture region choice box, the position of picture region choice box and size on picture.
Step S130: client receives user and selects the coordinate information of local content, and shares request to cloud server transmission, wherein, shares request and includes the third-party platform that the first picture address corresponding to picture belonging to local content, coordinate information and user select. When webpage includes multiple picture, share request and also include the pictorial information of the picture belonging to local content that user selects.
Step S140: cloud server obtains the local content in picture according to the first picture address and coordinate information, and generates, according to local content, the second picture address that local content picture is corresponding with local content graph sheet.
Step S150: cloud server generates the front end of third-party platform according to second picture address corresponding to local content picture and shares the page, and client is jumped to front end share the page.
Step S160: client is shared the page by front end and loaded local content picture and share to third-party platform.
Also include: client is shared the page by front end and received the description information of user's input.
The present invention will be described to do client for browser below, it is to be understood that the description below is merely for example purpose, and embodiments of the invention are not limited to this.
Step S210: browser loads the web page contents comprising picture.
Step S220: browser is that in webpage, corresponding JS event handling function bound by every picture meeting pre-set dimension threshold values.
When user's mouse rests on and exceedes Preset Time threshold values on the picture meeting pre-set dimension threshold values, corresponding JS event handling function is triggered. JS event handling function renders picture region choice box and third-party platform identification list on this picture. Wherein, third-party platform mark supports picture sharing function, it is possible to be icon, Text Link or pushbutton type. User is determined by mobile picture region choice box and shares Pictures location, adjusts, with 4 limits, the size sharing picture region by dragging 4 angles of picture region choice box. User passes through third-party platform identification list, selects to share the third-party platform choosing picture region, carries out submitting operation to.
Step S230: browser receives user and selects the coordinate information of local content, and shares request to cloud server transmission. Wherein, the third-party platform that request includes the first picture address corresponding to picture belonging to local content, the picture region relative co-ordinate information on overall picture of selection and wide high information and user selects is shared. When webpage includes multiple picture, share request and also include the pictorial information of the picture belonging to local content that user selects.
Step S240: cloud server receives after sharing request, complete content according to the first picture address capturing pictures received, and according to the high information of the relative co-ordinate information received and width, the full picture grabbed is carried out sectional drawing process, obtain the local content of picture corresponding to user-selected picture region choice box. The local content of the picture being truncated to is stored in picture storage system, obtains the second picture address that outer net addressable local content picture is corresponding.
Step S250: the page is shared in the front end generating the corresponding third-party platform of third-party platform mark according to the second picture address that local content picture is corresponding, and the page is shared in the front end that user browser is redirected to third-party platform.
Step S260: the front end of third-party platform is shared the page and loaded local picture according to the second picture address that the local content picture carried in network address parameter is corresponding, and guide user to input to describe text accordingly, client can be shared the page by front end and receive the description information of user's input.
Step S270: user judges to share whether the local picture of display on the page meets demand, and is confirmed whether that operation is shared in submission. If do not met, user can select to return former site page and re-start picture region selection. If met, then user clicks directly on the button of sharing sharing on the page, sends to share and asks the service end to third-party platform.
Step S280: third-party platform service end receives after sharing request, completes picture and shares operation.
The sharing method of picture local content in webpage according to embodiments of the present invention, the arbitrary region of picture can be selected by user, cloud server generates the second picture address that local content picture is corresponding with local content graph sheet, client is shared the page by front end and is shared, this method helps user individual customization uploading pictures content area, make uploading pictures size more flexible, improve user and share the Consumer's Experience of picture, meet users on diversity. Reduce flow when user shares picture and campus network thereof.
Below with reference to Fig. 2, the share system 100 of picture local content in webpage according to embodiments of the present invention is described, including client 110 and cloud server 120.
Wherein, client 110 is for loading the webpage including at least one picture, and the event handling function of correspondence is bound respectively at least one picture in webpage, and reception user selects the coordinate information of local content, and share request to cloud server 120 transmission, wherein, when event handling function is triggered under given conditions, event handling function record user is for the coordinate information of local content in corresponding picture, share request and include the first picture address that picture belonging to local content is corresponding, the third-party platform that coordinate information and user select, and share the page by front end and load local content picture sharing to third-party platform, cloud server 120 is for obtaining the local content in picture according to the first picture address and coordinate information, and generate, according to local content, the second picture address that local content picture is corresponding with local content graph sheet, and generate the front end of third-party platform according to second picture address corresponding to local content picture and share the page, and client 110 is jumped to front end share the page.
Client 110 is additionally operable to share the page by front end and receives the description information of user's input.
Wherein, specified conditions are for when on picture, residence time exceedes Preset Time to mouse, and event handling function is triggered. When event handling function is triggered, event handling function renders the input adjustment according to user of picture region choice box, the position of picture region choice box and size on picture.
In one embodiment of the invention, when webpage includes multiple picture, share request and also include the pictorial information of the picture belonging to local content that user selects.
The present invention will be described to do client 110 for browser below, it is to be understood that the description below is merely for example purpose, and embodiments of the invention are not limited to this.
Browser loads the web page contents comprising picture. Browser is that in webpage, corresponding JS event handling function bound by every picture meeting pre-set dimension threshold values. When user's mouse rests on and exceedes Preset Time threshold values on the picture meeting pre-set dimension threshold values, corresponding JS event handling function is triggered. JS event handling function renders picture region choice box and third-party platform identification list on this picture. Wherein, third-party platform mark supports picture sharing function, it is possible to be icon, Text Link or pushbutton type. User is determined by mobile picture region choice box and shares Pictures location, adjusts, with 4 limits, the size sharing picture region by dragging 4 angles of picture region choice box. User passes through third-party platform identification list, selects to share the third-party platform choosing picture region, carries out submitting operation to. Browser receives user and selects the coordinate information of local content, and shares request to cloud server 120 transmission. Wherein, the third-party platform that request includes the first picture address corresponding to picture belonging to local content, the picture region relative co-ordinate information on overall picture of selection and wide high information and user selects is shared. When webpage includes multiple picture, share request and also include the pictorial information of the picture belonging to local content that user selects.
Cloud server 120 receives after sharing request, according to the complete content receiving the first picture address capturing pictures, and according to the high information of the relative co-ordinate information received and width, the full picture grabbed is carried out sectional drawing process, obtain the local content of picture corresponding to user-selected picture region choice box. The local content of the picture being truncated to is stored in picture storage system, obtains the second picture address that outer net addressable local content picture is corresponding. The page the first picture address is shared in the front end that cloud server 120 generates the corresponding third-party platform of third-party platform mark according to the second picture address that local content picture is corresponding, and the page is shared in the front end that user browser is redirected to third-party platform.
The front end of third-party platform is shared the page and is loaded local picture according to the second picture address that the local content picture carried in network the first picture address parameter is corresponding, and guide user to input to describe text accordingly, client 110 can be shared the page by front end and receive the description information of user's input. User judges to share whether the local picture of display on the page meets demand, and is confirmed whether that operation is shared in submission. If do not met, user can select to return former site page and re-start picture region selection. If met, then user clicks directly on the button of sharing sharing on the page, sends to share and asks the service end to third-party platform.
Third-party platform service end receives after sharing request, completes picture and shares operation.
The share system of picture local content in webpage according to embodiments of the present invention, the arbitrary region of picture can be selected by user, cloud server generates the second picture address that local content picture is corresponding with local content graph sheet, client is shared the page by front end and is shared, native system helps user individual customization uploading pictures content area, make uploading pictures size more flexible, improve user and share the Consumer's Experience of picture, meet users on diversity. Reduce flow when user shares picture and campus network thereof.
Below with reference to Fig. 3, client 200 according to embodiments of the present invention is described, including load-on module 210, event processing module 220, receiver module 230, sending module 240, third-party platform receiver module 250 and sharing module 260.
Wherein, load-on module 210 is used for loading webpage, and wherein, webpage includes at least one picture; Event processing module 220 for binding the event handling function of correspondence respectively at least one picture in webpage, wherein, when event handling function is triggered under given conditions event handling function record user for the coordinate information of local content in corresponding picture; Receiver module 230 selects the coordinate information of local content for receiving user; Sending module 240 shares request for sending to cloud server, wherein, share request and include the third-party platform that the first picture address corresponding to picture belonging to local content, coordinate information and user select, so that cloud server shares the page according to the front end of the first picture address, coordinate information generation third-party platform; Third-party platform receiver module 250 shares the page for the front end receiving the third-party platform that cloud server sends; Sharing module 260 loads local content picture for sharing the page by front end and shares to third-party platform.
Sharing module 260 is additionally operable to share the page by front end and receives the description information of user's input.
Wherein, specified conditions are for when on picture, residence time exceedes Preset Time to mouse, and event handling function is triggered. When event handling function is triggered, event handling function renders the input adjustment according to user of picture region choice box, the position of picture region choice box and size on picture.
In one embodiment of the invention, when webpage includes multiple picture, share request and also include the pictorial information of the picture belonging to local content that user selects.
The present invention will be described to do client for browser below, it is to be understood that the description below is merely for example purpose, and embodiments of the invention are not limited to this.
Load-on module 210 loads the web page contents comprising picture. Event processing module 220 is that in webpage, corresponding JS event handling function bound by every picture meeting pre-set dimension threshold values.
When user's mouse rests on and exceedes Preset Time threshold values on the picture meeting pre-set dimension threshold values, corresponding JS event handling function is triggered. JS event handling function renders picture region choice box and third-party platform identification list on this picture. Wherein, third-party platform mark supports picture sharing function, it is possible to be icon, Text Link or pushbutton type. User is determined by mobile picture region choice box and shares Pictures location, adjusts, with 4 limits, the size sharing picture region by dragging 4 angles of picture region choice box. User passes through third-party platform identification list, selects to share the third-party platform choosing picture region, carries out submitting operation to.
Receiver module 230 receives user and selects the coordinate information of local content, and sending module 240 sends to cloud server shares request. Wherein, the third-party platform that request includes the first picture address corresponding to picture belonging to local content, the picture region relative co-ordinate information on overall picture of selection and wide high information and user selects is shared. When webpage includes multiple picture, share request and also include the pictorial information of the picture belonging to local content that user selects.
Cloud server receives after sharing request, according to the complete content receiving the first picture address capturing pictures, and according to the high information of the relative co-ordinate information received and width, the full picture grabbed is carried out sectional drawing process, obtain the local content of picture corresponding to user-selected picture region choice box. The local content of the picture being truncated to is stored in picture storage system, obtains the second picture address that outer net addressable local content picture is corresponding. The page is shared in the front end generating the corresponding third-party platform of third-party platform mark according to the second picture address that local content picture is corresponding, and the page is shared in the front end that user browser is redirected to third-party platform.
Third-party platform receiver module 250 receives the front end of the third-party platform that cloud server sends and shares the page, local picture is loaded according to the second picture address that the local content picture carried in network address parameter is corresponding, and guide user to input to describe text accordingly, client can be shared the page by front end and receive the description information of user's input.
User judges to share whether the local picture of display on the page meets demand, and is confirmed whether that operation is shared in submission. If do not met, user can select to return former site page and re-start picture region selection. If met, then user clicks directly on the button of sharing sharing on the page, and sharing module 260 sends to share asks the service end to third-party platform.
Third-party platform service end receives after sharing request, completes picture and shares operation.
Client according to embodiments of the present invention, the arbitrary region of picture can be selected by user, client sends to cloud server shares request, and the front end sent by cloud server shared the page and shares, this client helps user individual customization uploading pictures content area, make uploading pictures size more flexible, improve user and share the Consumer's Experience of picture, meet users on diversity. Reduce flow when user shares picture and campus network thereof.
Below with reference to Fig. 4, cloud server 300 according to embodiments of the present invention is described, including receiver module 310, interception module 320, generation module 330 and sending module 340.
Receiver module 310 shares request for what receive that client sends, wherein, shares request and includes the third-party platform that the first picture address corresponding to picture belonging to the local content that user selects, the coordinate information of local content and user select; Interception module 320 is for obtaining the local content in picture according to the first picture address and coordinate information, and generates, according to local content, the second picture address that local content picture is corresponding with local content graph sheet; The page is shared in the front end that generation module 330 generates third-party platform for the second picture address corresponding according to local content picture; Sending module 340 sends to client for front end is shared the page, loads local content picture so that client shares the page by front end and shares to third-party platform.
With specific example, the present invention will be described below, it is to be understood that the description below is merely for example purpose, and embodiments of the invention are not limited to this.
Client loads the web page contents comprising picture. And receive user and select the coordinate information of local content, and send to cloud server and share request. Wherein, the third-party platform that request includes the first picture address corresponding to picture belonging to local content, the picture region relative co-ordinate information on overall picture of selection and wide high information and user selects is shared.
Receiver module 310 receives shares request, interception module 320 is according to the complete content receiving webpage the first picture address capturing pictures, and according to the high information of the relative co-ordinate information received and width, the full picture grabbed is carried out sectional drawing process, obtain the local content of picture corresponding to user-selected picture region choice box. The local content of the picture being truncated to is stored in picture storage system by interception module 320, obtains the second picture address that outer net addressable local content picture is corresponding. The page the first picture address is shared in the front end that generation module 330 generates the corresponding third-party platform of third-party platform mark according to the second picture address that local content picture is corresponding, front end is shared the page and is sent to client by sending module 340 so that user browser is redirected to the front end of third-party platform and shares the page.
The front end of third-party platform is shared the page and is loaded local picture according to the second picture address that the local content picture carried in network address parameter is corresponding, and guide user to input to describe text accordingly, client can be shared the page by front end and receive the description information of user's input. User judges to share whether the local picture of display on the page meets demand, and is confirmed whether that operation is shared in submission. If do not met, user can select to return former site page and re-start picture region selection. If met, then user clicks directly on the button of sharing sharing on the page, sends to share and asks the service end to third-party platform. Third-party platform service end receives after sharing request, completes picture and shares operation.
Cloud server according to embodiments of the present invention, the first picture address that cloud server sends according to client generates, with information, the second picture address that local content picture is corresponding with locally content graph sheet, and front end is shared the page send to client, this cloud server fit end, help user individual customization uploading pictures content area, make uploading pictures size more flexible, improve user and share the Consumer's Experience of picture, meet users on diversity. Reduce flow when user shares picture and campus network thereof.
In the description of this specification, specific features, structure, material or feature that the description of reference term " embodiment ", " some embodiments ", " example ", " concrete example " or " some examples " etc. means in conjunction with this embodiment or example describe are contained at least one embodiment or the example of the present invention. In this manual, the schematic representation of above-mentioned term is not necessarily referring to identical embodiment or example. And, the specific features of description, structure, material or feature can combine in an appropriate manner in any one or more embodiments or example.
Although an embodiment of the present invention has been shown and described, for the ordinary skill in the art, being appreciated that and these embodiments can be carried out multiple change, amendment, replacement and modification without departing from the principles and spirit of the present invention, the scope of the invention and equivalency.
Claims (16)
1. the sharing method of picture local content in a webpage, it is characterised in that comprise the following steps:
Client loads webpage, and wherein, described webpage includes at least one picture;
Described client is the event handling function that correspondence bound respectively by least one picture in described webpage, wherein, when described event handling function is triggered under given conditions, described event handling function record user is for the coordinate information of local content in corresponding picture, described specified conditions are for when on described picture, residence time exceedes Preset Time to mouse, and described event handling function is triggered;
Described client receives user and selects the coordinate information of local content, and share request to cloud server transmission, wherein, share request described in and include the third-party platform that the first picture address corresponding to picture belonging to described local content, described coordinate information and described user select;
Described cloud server obtains the local content in described picture according to described first picture address and described coordinate information, and generates, according to described local content, the second picture address that local content picture is corresponding with described local content picture;
Described cloud server generates the front end of described third-party platform according to second picture address corresponding to described local content picture and shares the page, and described client is jumped to described front end shares the page; And
Described client is shared the page by described front end and is loaded described local content picture and share to described third-party platform.
2. the method for claim 1, it is characterised in that also include:
Described client is shared the page by described front end and is received the description information of user's input.
3. the method for claim 1, it is characterised in that when described webpage includes multiple picture, described in share request and also include the pictorial information of the picture belonging to local content that described user selects.
4. the method for claim 1, it is characterised in that also include:
When described event handling function is triggered, described event handling function renders picture region choice box, the position of described picture region choice box and the size input adjustment according to described user on described picture.
5. the method as described in any one of claim 1-4, it is characterised in that described client is browser.
6. the share system of picture local content in a webpage, it is characterised in that include client and cloud server, wherein,
Client, for loading the webpage including at least one picture, and the event handling function of correspondence is bound respectively at least one picture in described webpage, and reception user selects the coordinate information of local content, and share request to cloud server transmission, wherein, when described event handling function is triggered under given conditions, described event handling function record user is for the coordinate information of local content in corresponding picture, described specified conditions are for when on described picture, residence time exceedes Preset Time to mouse, described event handling function is triggered
Described sharing asks to include the third-party platform that the first picture address corresponding to picture belonging to described local content, described coordinate information and described user select, and shares page loading local content picture by front end and share to described third-party platform; And
Described cloud server, for obtaining the local content in described picture according to described first picture address and described coordinate information, and generate, according to described local content, the second picture address that local content picture is corresponding with described local content picture, and generate the front end of described third-party platform according to second picture address corresponding to described local content picture and share the page, and described client is jumped to described front end share the page.
7. system as claimed in claim 6, it is characterised in that described client, is additionally operable to share the page by described front end and receives the description information of user's input.
8. system as claimed in claim 6, it is characterised in that when described webpage includes multiple picture, described in share request and also include the pictorial information of the picture belonging to local content that described user selects.
9. system as claimed in claim 6, it is characterized in that, when described event handling function is triggered, described event handling function renders picture region choice box, the position of described picture region choice box and the size input adjustment according to described user on described picture.
10. system as claimed in claim 6, it is characterised in that described client is browser.
11. a client, it is characterised in that including:
Load-on module, is used for loading webpage, and wherein, described webpage includes at least one picture;
Event processing module, for binding the event handling function of correspondence respectively at least one picture in described webpage, wherein, when described event handling function is triggered under given conditions, described event handling function record user is for the coordinate information of local content in corresponding picture, described specified conditions are for when on described picture, residence time exceedes Preset Time to mouse, and described event handling function is triggered;
Receiver module, selects the coordinate information of local content for receiving user;
Sending module, request is shared for sending to cloud server, wherein, described sharing asks to include the third-party platform that the first picture address corresponding to picture belonging to described local content, described coordinate information and described user select, so that described cloud server shares the page according to the front end of described first picture address, the described coordinate information described third-party platform of generation;
Third-party platform receiver module, the page is shared in the front end for receiving the described third-party platform that described cloud server sends; And
Sharing module, loads described local content picture for sharing the page by described front end and shares to described third-party platform.
12. client as claimed in claim 11, it is characterised in that described sharing module, it is additionally operable to share the page by described front end and receives the description information of user's input.
13. client as claimed in claim 11, it is characterised in that when described webpage includes multiple picture, described in share request and also include the pictorial information of the picture belonging to local content that described user selects.
14. client as claimed in claim 11, it is characterized in that, when described event handling function is triggered, described event handling function renders picture region choice box, the position of described picture region choice box and the size input adjustment according to described user on described picture.
15. client as claimed in claim 11, it is characterised in that described client is browser.
16. a cloud server, it is characterised in that including:
Receiver module, shares request for what receive that client sends, wherein, described in share request and include the third-party platform that the first picture address corresponding to picture belonging to the local content that user selects, the coordinate information of described local content and described user select;
Interception module, for obtaining the local content in described picture according to described first picture address and described coordinate information, and generates, according to described local content, the second picture address that local content picture is corresponding with described local content picture;
Generation module, the page is shared in the front end generating described third-party platform for the second picture address corresponding according to described local content picture; And
Sending module, sends to described client for described front end is shared the page, loads described local content picture so that described client shares the page by described front end and shares to described third-party platform.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310165124.0A CN103258024B (en) | 2013-05-07 | 2013-05-07 | The sharing method of picture local content, system and device in webpage |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310165124.0A CN103258024B (en) | 2013-05-07 | 2013-05-07 | The sharing method of picture local content, system and device in webpage |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103258024A CN103258024A (en) | 2013-08-21 |
| CN103258024B true CN103258024B (en) | 2016-06-15 |
Family
ID=48961941
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310165124.0A Active CN103258024B (en) | 2013-05-07 | 2013-05-07 | The sharing method of picture local content, system and device in webpage |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103258024B (en) |
Families Citing this family (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104796594B (en) * | 2014-01-16 | 2020-01-14 | 中兴通讯股份有限公司 | Method for instantly presenting special effect of preview interface and terminal equipment |
| CN104503972A (en) * | 2014-11-05 | 2015-04-08 | 北京学而思教育科技有限公司 | Method, device and system for network operation |
| CN105678695A (en) * | 2014-11-19 | 2016-06-15 | 腾讯科技（深圳）有限公司 | Picture processing method and device |
| CN104504004B (en) * | 2014-12-09 | 2018-04-03 | 北京国双科技有限公司 | The sharing method and device shared for website |
| CN104765601A (en) * | 2015-03-18 | 2015-07-08 | 深圳市金立通信设备有限公司 | Terminal |
| KR102439786B1 (en) * | 2015-07-16 | 2022-09-02 | 삼성전자주식회사 | Method for sharing content information and electronic device thereof |
| CN107958045A (en) * | 2017-11-24 | 2018-04-24 | 海尔优家智能科技（北京）有限公司 | The page sharing method and device of a kind of mixed developing software |
| CN110018818B (en) * | 2018-01-10 | 2023-08-11 | 天音移动通信有限公司 | Switching method, storage medium, device and system for aggregation SDK |
| CN108763297B (en) * | 2018-04-18 | 2021-08-17 | Oppo广东移动通信有限公司 | Web page resource processing method, device and mobile terminal |
| CN110807163A (en) * | 2018-08-03 | 2020-02-18 | 先智创科(北京)科技有限公司 | Method and apparatus for facilitating content sharing |
| CN110011904B (en) * | 2019-04-10 | 2020-01-21 | 聚合区块链技术(深圳)有限公司 | Distributed propagation method and device with additional personalized information and terminal |
| CN110457098B (en) * | 2019-07-05 | 2023-02-10 | 中国平安财产保险股份有限公司 | Page local image sharing method, device, equipment and storage medium |
| CN110413809A (en) * | 2019-07-31 | 2019-11-05 | 福建南威软件有限公司 | A kind of picture management method and system based on Cloud Server |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120136716A1 (en) * | 2008-06-26 | 2012-05-31 | Microsoft Corporation | Browsing and quality of service features |
| CN102508843A (en) * | 2011-09-23 | 2012-06-20 | 上海量明科技发展有限公司 | Screen capture method and system with microblogging function |
| CN102650990A (en) * | 2011-02-24 | 2012-08-29 | 中兴通讯股份有限公司 | Terminal webpage display method and system |
-
2013
- 2013-05-07 CN CN201310165124.0A patent/CN103258024B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120136716A1 (en) * | 2008-06-26 | 2012-05-31 | Microsoft Corporation | Browsing and quality of service features |
| CN102650990A (en) * | 2011-02-24 | 2012-08-29 | 中兴通讯股份有限公司 | Terminal webpage display method and system |
| CN102508843A (en) * | 2011-09-23 | 2012-06-20 | 上海量明科技发展有限公司 | Screen capture method and system with microblogging function |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103258024A (en) | 2013-08-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103258024B (en) | The sharing method of picture local content, system and device in webpage | |
| CN103269362B (en) | The sharing method of picture local content, system and device in webpage | |
| CN103338256B (en) | Image sharing method, device, server and system | |
| CN107809492B (en) | Method and system for generating shared information | |
| CA2883224C (en) | Information transmission method, apparatus, and system, terminal, and server | |
| CN102857579B (en) | Information processing method, device, terminal and server | |
| CA2882307C (en) | Information transmission method, apparatus, system, and terminal | |
| CN105045887B (en) | The system and method for mixed mode cross-domain data interaction | |
| US10095378B2 (en) | Web browser toolbar | |
| US20150074548A1 (en) | Information Sharing Method and Apparatus | |
| US20150271118A1 (en) | Apparatus and method for accessing content in an email message | |
| US10474319B2 (en) | Methods and instant messaging client devices for performing IM using menu option | |
| JP5420714B2 (en) | System and method for facilitating multi-layer transfer of messages | |
| CN102546768A (en) | Content sharing method, device and system | |
| CN105487640A (en) | Image pre-loading and caching method of Android watch | |
| CN105656991A (en) | File sharing method and device | |
| EP3061214B1 (en) | Method and apparatus for displaying image | |
| CN106649581B (en) | Webpage repairing method and client | |
| CN109543119B (en) | Page preview system and method | |
| CN103051722B (en) | A kind ofly determine the method whether page is held as a hostage and relevant device | |
| CN103618935B (en) | Method for displaying image in intelligent television and device | |
| CN106453621A (en) | Method and system for accessing files in process of transmitting multiple files | |
| KR20160101950A (en) | Network product display method, apparatus, system, server and terminal | |
| CN104144126A (en) | Method, system, and client for traffic optimization through image processing | |
| CN101616497A (en) | A kind of method, Subscriber Identity Module and unit of realizing short message on-demand service |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |