CN106709960A - Image storage method, device and system - Google Patents
Image storage method, device and system Download PDFInfo
- Publication number
- CN106709960A CN106709960A CN201510792626.5A CN201510792626A CN106709960A CN 106709960 A CN106709960 A CN 106709960A CN 201510792626 A CN201510792626 A CN 201510792626A CN 106709960 A CN106709960 A CN 106709960A
- Authority
- CN
- China
- Prior art keywords
- image
- binary data
- canvas
- client
- service end
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T9/00—Image coding
- G06T9/007—Transform coding, e.g. discrete cosine transform
-
- 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/13—File access structures, e.g. distributed indices
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
- H04N1/00127—Connection or combination of a still picture apparatus with another apparatus, e.g. for storage, processing or transmission of still picture signals or of information associated with a still picture
- H04N1/00204—Connection or combination of a still picture apparatus with another apparatus, e.g. for storage, processing or transmission of still picture signals or of information associated with a still picture with a digital computer or a digital computer system, e.g. an internet server
- H04N1/00209—Transmitting or receiving image data, e.g. facsimile data, via a computer, e.g. using e-mail, a computer network, the internet, I-fax
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Discrete Mathematics (AREA)
- Computing Systems (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses an image storage method, a device and a system, relating to the technical field of the Internet. The invention aims to solve a problem of a complex operation process of image storage at present. The method comprises the steps that: a client responds to an image storage instruction, and obtains the binary data of an image drawn on the Canvas, and the image storage instruction is used for storing the image of a client side into the image system of the service end side; the client uploads the binary data into a service end; the service end converts the binary data into an image and stores the image as an image file with a preset format; and the service end stores the image file into the image system. The image storage method, the device and the system are applied to the process of storing a thermal chart drawn on the Canvas.
Description
Technical field
The present invention relates to Internet technical field, more particularly to a kind of image preserve method, device and
System.
Background technology
HTML5 (HTML5.0) is under the kernel language of WWW, standard generalized markup language
The 5th time of individual application HTML (Hyper Text Markup Language, abbreviation HTML)
Material alteration.
Painting canvas (Canvas) element is introduced in HTML5, Canvas elements use Java script
(JavaScript, abbreviation JS) drawing image on webpage.Therefore, developer can use Canvas
The drafting of page thermodynamic chart is carried out, the application at present is widely.
Generally, drawn in a browser after page thermodynamic chart, it is necessary to the thermodynamic chart that will be currently generated cuts
Scheme and be saved in system, facilitate user to check at any time.The method that existing thermodynamic chart is preserved is：With
Click on the sectional drawing button drawn comprising thermodynamic chart in the web station interface of function in family；Connect by toDataURL
Content transformation in Canvas is the form of image by mouth；The image that toDataURL interfaces will be returned
Address is assigned to SRC (the sparse representation-based of HTML image tag elements
Classifier, SRC) attribute, realize Canvas to the conversion of image；User manually downloads image
To local；Image is uploaded to service end by user again manually.
During above-mentioned preservation thermodynamic chart, inventor find, when click on sectional drawing button after, it is necessary to
User is locally downloading by image manually, and image is then uploaded into service end, whole operation manually again
Process is complicated.
The content of the invention
In view of the above problems, it is proposed that the present invention overcomes above mentioned problem or at least portion to provide one kind
Method, apparatus and system that a kind of image for solving the above problems with dividing is preserved.
In order to solve the above technical problems, on the one hand, the invention provides a kind of method that image is preserved,
The method includes：
Client end response is preserved in image and instructed, and obtain the image drawn on painting canvas Canvas two enter
Data processed, described image preserves instruction for the image of client-side to be saved in the image of service side
In system；
The binary data is uploaded to service end by the client；
The binary data is converted to image by the service end, and described image is stored as to preset
The image file of form；
Be saved in described image file in picture system by the service end.
On the other hand, present invention also offers the device that a kind of image is preserved, the device is located at client
Side, including：
Acquiring unit, instructs for being preserved in response to image, obtains the figure drawn on painting canvas Canvas
The binary data of picture, described image preserves instruction for the image of client-side to be saved in into service end
In the picture system of side；
Transmitting element, for the binary data to be uploaded into service end, to cause the service end
The binary data is converted into image, and described image is stored as the image file of preset format,
Described image file is saved in picture system again.
Another aspect, present invention also offers the device that a kind of image is preserved, the device is located at service end
Side, including：
Receiving unit, for receiving the binary data that client is reported, the binary data is institute
State client end response and preserve instruction in image, obtain the binary system of the image drawn on painting canvas Canvas
Data, described image preserves instruction for the image of client-side to be saved in the image system of service side
In system；
Date Conversion Unit, for the binary data to be converted into image, and described image is deposited
Store up the image file for preset format；
Storage unit, for described image file to be saved in picture system.
Another further aspect, present invention also offers the system that a kind of image is preserved, the system includes client
And service end；
Client, instructs for being preserved in response to image, obtains the image drawn on painting canvas Canvas
Binary data, described image preserve instruction be used for by the image of client-side be saved in service side
Picture system in, the binary data is uploaded to the service end；
Service end, for the binary data to be converted into image, and described image is stored as pre-
If the image file of form, then described image file is saved in picture system.
By method, apparatus and system that above-mentioned technical proposal, the image that the present invention is provided are preserved, energy
Enough in client end response after image preserves instruction, obtain the image drawn on Canvas two enter
Data processed, and binary data is uploaded into service end.Then the binary number that service end will be received
According to being converted into image, and image is stored as the image file of preset format, finally sends out image file
It is sent in picture system.Compared with prior art, the present invention can be preserved in client end response image and referred to
After order, automatically obtain the binary data of image and the binary data of image is automatically converted to figure
Picture is simultaneously uploaded in picture system, is eliminated after client receives image preservation instruction, user's hand
It is dynamic that image in Canvas is locally downloading and then the step of be uploaded to picture system manually again, make figure
As the operating process for preserving is easier.
Described above is only the general introduction of technical solution of the present invention, of the invention in order to better understand
Technological means, and being practiced according to the content of specification, and in order to allow it is of the invention above-mentioned and
Other objects, features and advantages can become apparent, below especially exemplified by specific embodiment of the invention.
Brief description of the drawings
By reading the detailed description of hereafter preferred embodiment, various other advantage and benefit for
Those of ordinary skill in the art will be clear understanding.Accompanying drawing is only used for showing the mesh of preferred embodiment
, and it is not considered as limitation of the present invention.And in whole accompanying drawing, with identical with reference to symbol
Number represent identical part.In the accompanying drawings：
Fig. 1 shows the method flow diagram that a kind of image provided in an embodiment of the present invention is preserved；
Fig. 2 shows the method flow diagram that another image provided in an embodiment of the present invention is preserved；
Fig. 3 shows the composition frame chart of the device that a kind of image provided in an embodiment of the present invention is preserved；
Fig. 4 shows the composition frame chart of the device that another image provided in an embodiment of the present invention is preserved；
Fig. 5 shows the composition frame chart of the device that another image provided in an embodiment of the present invention is preserved；
Fig. 6 shows the composition frame chart of the device that another image provided in an embodiment of the present invention is preserved；
Fig. 7 shows the system block diagram that a kind of image provided in an embodiment of the present invention is preserved.
Specific embodiment
The exemplary embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although showing in accompanying drawing
The exemplary embodiment of the disclosure is shown, it being understood, however, that may be realized in various forms the disclosure
Without that should be limited by embodiments set forth here.Conversely, there is provided these embodiments are able to more
Thoroughly understand the disclosure, and can be by the complete technology for conveying to this area of the scope of the present disclosure
Personnel.
It is complicated to solve the problems, such as the operating process that conventional images are preserved, the embodiment of the invention provides one
The method that image is preserved is planted, as shown in figure 1, the method includes：
101st, client end response is preserved in image and instructed, and obtains the image drawn on painting canvas Canvas
Binary data.
The present embodiment is directed to the image drawn using the Canvas in HTML5.When in Canvas
After the completion of middle drawing, the image of drafting is preserved according to being likely to require the need for practical business.
When preserving image, it is necessary first to which user is clicked on and preserves image button, and then client is preserved to image and referred to
Order is responded, wherein it is the figure for the image of client-side to be saved in service side to preserve instruction
As the instruction in system.Client is after preservation instruction is received, it is necessary first to obtain in painting canvas Canvas
The binary data of the image of upper drafting.The binary data of image refers to all pixels point in image
Binary data.
102nd, binary data is uploaded to service end by client.
The binary data of the image drawn on the Canvas of acquisition is uploaded to service end by client, should
Service end is service end corresponding with the client in step 101.
103rd, binary data is converted to image by service end, and image is stored as the figure of preset format
As file.
Service end is after the binary data for receiving image, it is necessary to the binary data of image is changed
It is image, then and by the image file that image is stored as preset format is saved directly to service end.Its
Middle preset format is the form for depositing image file, such as jpeg format etc..
It is to use the binary data of image to pass through to compile that service end to the binary data of image change
One image consistent with the image drawn on Canvas of journey language generation.The programming language for wherein using
Can be any one programming language such as, the computer programming language such as C, C++, C#.
104th, be saved in image file in picture system by service end.
The image file that service end will be obtained in step 104 is uploaded in picture system, so that user can
With being checked by picture system or obtain the image drawn on Canvas and preserved at any time.
The method that the image that the present embodiment is provided is preserved, can preserve in image in client end response and instruct
Afterwards, the binary data of the image drawn on Canvas is obtained, and binary data is uploaded to
Service end.Then the binary data that service end will be received is converted into image, and image is stored as
, finally be sent to image file in picture system by the image file of preset format.With prior art phase
Than the present embodiment can automatically obtain the two of image and enter after client end response image preserves instruction
The binary data of image is simultaneously automatically converted to image and is uploaded in picture system by data processed, is saved
Received after image preserves instruction in client, image in Canvas is downloaded to this by user manually
The step of then ground be uploaded to picture system manually again, the operating process for preserving image is easier.
Further, as the refinement and extension to embodiment illustrated in fig. 1, present invention also offers another
One embodiment.As shown in Fig. 2 the method that image is preserved in the embodiment includes：
201st, client end response is preserved in image and instructed, and calls default method function to obtain in Canvas
The binary data of the image of upper drafting.
Client end response preserves instruction in the image that user sends, and call function is obtained and painted on Canvas
The binary data of the image of system.Specifically, the function for calling is default method function, wherein in advance
If method function be Canvas provide acquisition view data getImageData method functions,
GetImageData method functions can obtain the view data in any region from Canvas.Specifically
The binary data of the image drawn on Canvas is obtained in the present embodiment, including：
First, the image identification carried in instruction is preserved according to image and searches Canvas objects, wherein scheming
As mark refers to identity number (Identity, abbreviation ID).Specifically search procedure is：First basis
ID obtain Canvas objects, it is necessary to explanation be the drawing image on Canvas when can specify in advance
ID of Canvas etc., so corresponding Canvas objects can be found by the ID of Canvas, so
The corresponding image on Canvas can be just found afterwards；Then by the acquisition context pair of Canvas
Obtain two-dimentional 2D environmental objects as getContext () method, 2D environmental objects include it is all
All methods and attribute required for being drawn on Canvas；Finally by getImageData method functions
The image on Canvas is obtained in 2D environmental objects, and returns to view data ImageData objects.
Then, the binary data of the image drawn on Canvas objects is obtained.Particularly from return
ImageData objects data Data attributes in get the binary data of image, two for obtaining
Binary data is 8 data of binary system signless integer type Uint8ClampedArray.
Provide the mistake of the binary data of the image that specific code is drawn to above-mentioned acquisition on Canvas
Journey is illustrated, as follows：
Var canvas=document.getElementById (" myCanvas ")；/ obtained according to ID
Canvas objects, wherein the ID of the Canvas specified during drawing image before " myCanvas " is；
Var ctx=canvas.getContext (" 2d ")；/ 2D environment pair is obtained by getContext methods
As；
Var imageData=ctx.getImageData (0,0, width, height)；/ pass through
GetImageData method functions obtain the image on Canvas, wherein (0,0, width, height) specifies
The scope of image is obtained, front two (0,0) represents starting point coordinate, and width represents to be obtained
Image width value, height represents the height value of the image to be obtained.The method return be
ImageData objects.
Var data=ImageData.data；/ image two is obtained from the Data attributes of ImageData objects
Binary data.
202nd, client obtains the page info and/or temporal information of image.
In the present embodiment, client also needs to obtain in addition to obtaining the image binary data on Canvas
Take the page info and/or temporal information of image on Canvas.Obtain image page info and/or
Temporal information is for the preservation of follow-up image is prepared.The page info of wherein image refers to
The title attribute of the corresponding page of image on Canvas or it is capable of identify that the Canvas epigraph contents
Identification information；The temporal information of image refers to the current time of the drawing image on Canvas.
It should be noted that the corresponding page of image in the present embodiment applies to be painted on Canvas
During page thermodynamic chart processed, the corresponding page of thermodynamic chart.
203rd, the page info and/or temporal information of binary data and image are uploaded to clothes by client
Business end.
By client by step 201 get on Canvas draw image binary data and
The page info and/or temporal information of the image got by step 202 upload to service end.The service
End is service end corresponding with the client in the present embodiment.
204th, the color mode in binary data is converted to default color mode by service end.
When the color mode in the binary data that service end gets and default color mode disunity
When, it is necessary to colour model is changed.Wherein default color mode is rgb color pattern, i.e.,
The color of each pixel is with being three representation in components, respectively R, G, B.R represents red channel,
G represents green channel, and B represents blue channel.
Provide example to illustrate, if the color mode of the image binary data obtained from service end is
ARGB (typedef DWORD ARGB, abbreviation ARGB) color mode.AGRB color modes
Middle pixel is that, by 4 representation in components, respectively A, R, G, B, wherein A represents transparency
Alpha, R represent red channel, and G represents green channel, and B represents blue channel.In this case
Need for ARGB color modes to be converted to default rgb color pattern.The present embodiment is to color mode
Conversion regime be not restricted, can be any one existing method letter that can realize color conversion
Number.
205th, binary data is converted to image by service end, and image is stored as the figure of preset format
As file.
Image binary data after color mode is changed is converted into image, the general in the step
It is identical with the implementation of Fig. 1 steps 103 that binary data is converted to image implementation, herein not
Repeat again.
206th, image file and page info and/or temporal information are associated preservation by service end.
Image file in service end is associated with corresponding page info and/or temporal information, and
During image file after association uploaded into picture system, so that user can be at any time in picture system
Checked by page info and/or temporal information or obtained drawn on Canvas and preserved with page
Face information and/or the corresponding image of temporal information.
Further, as the realization to method shown in above-mentioned Fig. 1 and Fig. 2, the embodiment of the present invention is another
One embodiment additionally provides the device that a kind of image is preserved, and the device is located at client-side, for
The method shown in Fig. 1 and Fig. 2 is stated to be realized.The device embodiment is corresponding with preceding method embodiment,
For ease of reading, present apparatus embodiment is no longer carried out one by one to the detail content in preceding method embodiment
Repeat, it should be understood that device in the present embodiment can be corresponded in realizing preceding method embodiment
The full content of client-side.As shown in figure 3, the device includes：Acquiring unit 31 and transmitting element
32。
Acquiring unit 31, instructs for being preserved in response to image, obtains what is drawn on painting canvas Canvas
The binary data of image, image preserves instruction to be used to for the image of client-side to be saved in service side
Picture system in；
Transmitting element 32, for binary data to be uploaded into service end, to cause that service end is entered two
Data processed are converted to image, and image is stored as the image file of preset format, then by image file
It is saved in picture system.
Further, acquiring unit 31 is used for：
Default method function is called to obtain the binary data of the image drawn on Canvas.
Further, as shown in figure 4, acquiring unit 31, including：
Searching modul 311, Canvas is searched for preserving the image identification carried in instruction according to image
Object；
Acquisition module 312, the binary data for obtaining the image drawn on Canvas objects.
Further, acquiring unit 31, for after instruction is preserved in response to image, obtaining image
Page info and/or temporal information；
Transmitting element 32, for the page info and/or temporal information of image to be reported into service end, with
So that image file and page info and/or temporal information are associated preservation by service end.
The image storage apparatus of the client-side include processor and memory, above-mentioned acquiring unit 31
Stored in memory as program unit with the grade of transmitting element 32, deposited by computing device storage
Said procedure unit in reservoir realizes corresponding function.
Further, as the realization to method shown in above-mentioned Fig. 1 and Fig. 2, the embodiment of the present invention is another
One embodiment additionally provides the device that a kind of image is preserved, and the device is located at service side, for
The method shown in Fig. 1 and Fig. 2 is stated to be realized.The device embodiment is corresponding with preceding method embodiment,
For ease of reading, present apparatus embodiment is no longer carried out one by one to the detail content in preceding method embodiment
Repeat, it should be understood that device in the present embodiment can be corresponded in realizing preceding method embodiment
Service the full content of side.As shown in figure 5, the device includes：Receiving unit 51, data conversion
Unit 52 and storage unit 53.
Receiving unit 51, for receiving the binary data that client is reported, binary data is client
End preserves in response to image and instructs, and obtains the binary data of the image drawn on painting canvas Canvas,
Image preserves instruction for the image of client-side to be saved in the picture system of service side；
Date Conversion Unit 52, for binary data to be converted into image, and image is stored as pre-
If the image file of form；
Storage unit 53, for image file to be saved in picture system.
Further, as shown in fig. 6, the device is further included：
Mode switching unit 54, for binary data is converted into image, and image is stored as
Before the image file of preset format, the color mode in binary data is converted into default color
Pattern.
Further, receiving unit 51, for receive the image that client is reported page info and/
Or temporal information；
Storage unit 53, for image file and page info and/or temporal information to be associated into guarantor
Deposit.
The image storage apparatus of the service side include processor and memory, receiving unit 51, number
According to converting unit 52 and the grade of storage unit 53 as program unit storage in memory, by
Reason device performs storage said procedure unit in memory to realize corresponding function.
Further, as the realization to method shown in Fig. 1 or Fig. 2, another embodiment of the present invention is also
There is provided the system that a kind of image is preserved.The system embodiment is corresponding with preceding method embodiment, can
Realize the full content in preceding method embodiment.For ease of reading, the system embodiment is only to foregoing
Content in embodiment of the method carries out summary description, the detail content in embodiment of the method is not carried out
Repeat one by one.As shown in fig. 7, the system includes：Client 71 and service end 72, wherein, client
End 71 includes the device shown in above-mentioned Fig. 3 or Fig. 4, and service end 72 includes above-mentioned Fig. 5 or Fig. 6 institutes
The device for showing.Specifically：
Client 71, instructs for being preserved in response to image, obtains the figure drawn on painting canvas Canvas
The binary data of picture, image preserves instruction for the image of client-side to be saved in into service side
In picture system, binary data is uploaded to service end；
Service end 72, for binary data to be converted into image, and is stored as preset format by image
Image file, then image file is saved in picture system.
The apparatus and system that the image that the present embodiment is provided is preserved, can protect in client end response in image
Deposit after instruction, obtain the binary data of the image drawn on Canvas, and by binary data
Upload to service end.Then the binary data that service end will be received is converted into image, and by image
The image file of preset format is stored as, finally image file is sent in picture system.With it is existing
Technology is compared, and the present embodiment can automatically obtain image after client end response image preserves instruction
Binary data and the binary data of image is automatically converted to image and picture system is uploaded to
In, eliminating after client receives image preservation instruction, user is manually by the image in Canvas
It is locally downloading and then the step of be uploaded to picture system manually again, make the operating process that image is preserved more
Plus it is easy.
Present invention also provides a kind of computer program product, when being performed on data processing equipment,
It is adapted for carrying out the program code of initialization there are as below methods step：Client end response is preserved in image and instructed,
The binary data of the image drawn on painting canvas Canvas is obtained, described image preservation instruction is used for will
The image of client-side is saved in the picture system of service side；The client is by the binary system
Data are uploaded to service end；The binary data is converted to image by the service end, and will be described
Image is stored as the image file of preset format；Described image file is saved in image by the service end
In system.
It should be understood by those skilled in the art that, embodiments herein can be provided as method, system,
Or computer program product.Therefore, the application can be implemented using complete hardware embodiment, complete software
The form of the embodiment in terms of example or combination software and hardware.And, the application can be used at one
Or multiple wherein includes the computer-usable storage medium of computer usable program code (including but not
Be limited to magnetic disk storage, CD-ROM, optical memory etc.) on the computer program product implemented
Form.
The application is with reference to the method according to the embodiment of the present application, equipment (system) and computer program
The flow chart and/or block diagram of product is described.It should be understood that can be realized flowing by computer program instructions
In each flow and/or square frame and flow chart and/or block diagram in journey figure and/or block diagram
Flow and/or square frame combination.Can provide these computer program instructions to all-purpose computer, specially
With the processor of computer, Embedded Processor or other programmable data processing devices producing one
Machine so that produced by the instruction of computer or the computing device of other programmable data processing devices
It is raw to be used to realize in one flow of flow chart or multiple flow and/or block diagram one square frame or multiple side
The device of the function of being specified in frame.
These computer program instructions may be alternatively stored in can guide computer or other programmable datas to process
In the computer-readable memory that equipment works in a specific way so that storage is deposited in the computer-readable
Instruction in reservoir is produced and includes the manufacture of command device, and command device realization is in flow chart one
The function of being specified in flow or multiple one square frame of flow and/or block diagram or multiple square frames.
These computer program instructions can also be loaded into computer or other programmable data processing devices
On so that series of operation steps is performed on computer or other programmable devices to produce computer
The treatment of realization, so as to the instruction performed on computer or other programmable devices is provided for realizing
Specified in one flow of flow chart or multiple one square frame of flow and/or block diagram or multiple square frames
The step of function.
In a typical configuration, computing device include one or more processors (CPU), input/
Output interface, network interface and internal memory.
Memory potentially includes the volatile memory in computer-readable medium, random access memory
The form such as device (RAM) and/or Nonvolatile memory, such as read-only storage (ROM) or flash memory (flash
RAM).Memory is the example of computer-readable medium.
Computer-readable medium includes that permanent and non-permanent, removable and non-removable media can be with
Information Store is realized by any method or technique.Information can be computer-readable instruction, data knot
Structure, the module of program or other data.The example of the storage medium of computer includes, but are not limited to phase
Become internal memory (PRAM), static RAM (SRAM), dynamic random access memory
(DRAM), other kinds of random access memory (RAM), read-only storage (ROM), electricity can
Erasable programmable read-only memory (EPROM) (EEPROM), fast flash memory bank or other memory techniques, read-only light
Disk read-only storage (CD-ROM), digital versatile disc (DVD) or other optical storages, magnetic
Cassette tape, the storage of tape magnetic rigid disk or other magnetic storage apparatus or any other non-transmission medium,
Can be used to store the information that can be accessed by a computing device.Defined according to herein, computer-readable
Medium does not include temporary computer readable media (transitory media), such as data-signal and load of modulation
Ripple.
Embodiments herein is these are only, the application is not limited to.For this area skill
For art personnel, the application can have various modifications and variations.It is all spirit herein and principle it
Interior made any modification, equivalent substitution and improvements etc., should be included in claims hereof model
Within enclosing.
Claims (10)
1. a kind of method that image is preserved, it is characterised in that methods described includes：
Client end response is preserved in image and instructed, and obtain the image drawn on painting canvas Canvas two enter
Data processed, described image preserves instruction for the image of client-side to be saved in the image of service side
In system；
The binary data is uploaded to service end by the client；
The binary data is converted to image by the service end, and described image is stored as to preset
The image file of form；
Be saved in described image file in picture system by the service end.
2. method according to claim 1, it is characterised in that the client is obtained in painting canvas
The binary data of the image drawn on Canvas, including：
Default method function is called to obtain the binary data of the image drawn on the Canvas.
3. method according to claim 2, it is characterised in that described to call default method letter
Number obtains the binary data of the image drawn on the Canvas, including：
The image identification carried in instruction is preserved according to described image and searches Canvas objects；
Obtain the binary data of the described image drawn on the Canvas objects.
4. method according to claim 1, it is characterised in that in the service end by described two
Binary data is converted to image, and before described image is stored as into the image file of preset format, institute
The method of stating is further included：
Color mode in the binary data is converted to default color mode by the service end.
5. method according to any one of claim 1 to 4, it is characterised in that in the visitor
Family end is preserved after instruction in response to image, and methods described is further included：
The client obtains the page info and/or temporal information of described image；
The page info and/or temporal information of described image are reported the service end by the client；
Be saved in described image file in picture system by the service end, including：
The service end is closed described image file with the page info and/or the temporal information
UNPROFOR is deposited.
6. a kind of device that image is preserved, described device is located at client-side, it is characterised in that described
Device includes：
Acquiring unit, instructs for being preserved in response to image, obtains the figure drawn on painting canvas Canvas
The binary data of picture, described image preserves instruction for the image of client-side to be saved in into service end
In the picture system of side；
Transmitting element, for the binary data to be uploaded into service end, to cause the service end
The binary data is converted into image, and described image is stored as the image file of preset format,
Described image file is saved in picture system again.
7. device according to claim 6, it is characterised in that the acquiring unit is used for：Adjust
The binary data of the image drawn on the Canvas is obtained with default method function.
8. a kind of device that image is preserved, described device is located at service side, it is characterised in that described
Device includes：
Receiving unit, for receiving the binary data that client is reported, the binary data is institute
State client end response and preserve instruction in image, obtain the binary system of the image drawn on painting canvas Canvas
Data, described image preserves instruction for the image of client-side to be saved in the image system of service side
In system；
Date Conversion Unit, for the binary data to be converted into image, and described image is deposited
Store up the image file for preset format；
Storage unit, for described image file to be saved in picture system.
9. device according to claim 8, it is characterised in that described device is further included：
Mode switching unit, for the binary data is converted into image, and by described image
Before being stored as the image file of preset format, the color mode in the binary data is converted to
Default color mode.
10. the system that a kind of image is preserved, it is characterised in that the system includes：Client and clothes
Business end；
The client, instructs for being preserved in response to image, obtains what is drawn on painting canvas Canvas
The binary data of image, described image preserves instruction for the image of client-side to be saved in into service
In the picture system of side, the binary data is uploaded to the service end；
The service end, for the binary data to be converted into image, and described image is stored
It is the image file of preset format, then described image file is saved in picture system.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510792626.5A CN106709960A (en) | 2015-11-17 | 2015-11-17 | Image storage method, device and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510792626.5A CN106709960A (en) | 2015-11-17 | 2015-11-17 | Image storage method, device and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106709960A true CN106709960A (en) | 2017-05-24 |
Family
ID=58932997
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510792626.5A Pending CN106709960A (en) | 2015-11-17 | 2015-11-17 | Image storage method, device and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106709960A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107193624A (en) * | 2017-06-05 | 2017-09-22 | 运城学院 | It is a kind of that the method that JSC encodes header file is converted into by ASCII character |
| CN108781218A (en) * | 2017-11-07 | 2018-11-09 | 深圳市大疆创新科技有限公司 | Data processing method, data sending terminal, receiving terminal and communication system |
| CN109525796A (en) * | 2018-12-12 | 2019-03-26 | 四川商通实业有限公司 | A kind of Webp picture format conversion method |
| CN111127594A (en) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | SVG graph exporting method and SVG graph exporting system |
| CN112698898A (en) * | 2020-12-29 | 2021-04-23 | 卡莱特（深圳）云科技有限公司 | Method and system for generating thermodynamic diagram snapshot of play box terminal |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1666712A (en) * | 2004-03-09 | 2005-09-14 | 株式会社东芝 | Image storage and display system, its maintenance management system, and image storage and display method |
| US20080273213A1 (en) * | 2007-01-19 | 2008-11-06 | Steinhart Chanan M | System and method for enhancing and printing images |
| CN102821279A (en) * | 2012-07-31 | 2012-12-12 | 北京天神互动科技有限公司 | Picture compression method keeping with alpha channel |
| CN103399864A (en) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | Image conversion method and device |
| CN103796013A (en) * | 2014-01-17 | 2014-05-14 | 五八同城信息技术有限公司 | Method for photo compression in mobile terminal instant messaging |
| CN104113531A (en) * | 2014-06-26 | 2014-10-22 | 北京奇虎科技有限公司 | Method and system for publishing game screenshot and game client |
| CN104462491A (en) * | 2014-12-22 | 2015-03-25 | 上海斐讯数据通信技术有限公司 | Image uploading method and system and corresponding server |
-
2015
- 2015-11-17 CN CN201510792626.5A patent/CN106709960A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1666712A (en) * | 2004-03-09 | 2005-09-14 | 株式会社东芝 | Image storage and display system, its maintenance management system, and image storage and display method |
| US20080273213A1 (en) * | 2007-01-19 | 2008-11-06 | Steinhart Chanan M | System and method for enhancing and printing images |
| CN102821279A (en) * | 2012-07-31 | 2012-12-12 | 北京天神互动科技有限公司 | Picture compression method keeping with alpha channel |
| CN103399864A (en) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | Image conversion method and device |
| CN103796013A (en) * | 2014-01-17 | 2014-05-14 | 五八同城信息技术有限公司 | Method for photo compression in mobile terminal instant messaging |
| CN104113531A (en) * | 2014-06-26 | 2014-10-22 | 北京奇虎科技有限公司 | Method and system for publishing game screenshot and game client |
| CN104462491A (en) * | 2014-12-22 | 2015-03-25 | 上海斐讯数据通信技术有限公司 | Image uploading method and system and corresponding server |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107193624A (en) * | 2017-06-05 | 2017-09-22 | 运城学院 | It is a kind of that the method that JSC encodes header file is converted into by ASCII character |
| CN108781218A (en) * | 2017-11-07 | 2018-11-09 | 深圳市大疆创新科技有限公司 | Data processing method, data sending terminal, receiving terminal and communication system |
| CN111127594A (en) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | SVG graph exporting method and SVG graph exporting system |
| CN109525796A (en) * | 2018-12-12 | 2019-03-26 | 四川商通实业有限公司 | A kind of Webp picture format conversion method |
| CN112698898A (en) * | 2020-12-29 | 2021-04-23 | 卡莱特（深圳）云科技有限公司 | Method and system for generating thermodynamic diagram snapshot of play box terminal |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106709960A (en) | Image storage method, device and system | |
| CN107885848B (en) | Webpage screen capturing method based on web technology | |
| US8887132B1 (en) | Application runtime environment and framework | |
| US20120159310A1 (en) | Method for converting mobile web application into native application and apparatus using the same | |
| US10127634B2 (en) | Image editing and repair | |
| CN103237083A (en) | Mobile information service resource aggregation system and mobile information service resource aggregation method | |
| CN105549817B (en) | The generation method of font packet, the methods of exhibiting of device and figure, device | |
| US20150019532A1 (en) | Image searching scheme | |
| CN104899184A (en) | Character processing method, device and system | |
| CN106354490A (en) | Dynamic layout method for EPG page | |
| DE102016015381A1 (en) | Using Bloom filters to simplify the expansion and subdivision of a dynamic font | |
| CN108089865A (en) | Using method of cutting out, device and storage medium | |
| CN104899212B (en) | Web page display method, server and system | |
| CN107045507A (en) | Web page crawl method and device | |
| CN108268260A (en) | It is a kind of quick micro- using assemble method based on integrated support technology | |
| CN105260459B (en) | Searching method and device | |
| CN105989031A (en) | Picture information processing method and server | |
| CN110895481A (en) | Rendering method, device and system of desktop application | |
| CN115526160A (en) | Rich text processing method, device and equipment and storage medium | |
| CN110263301B (en) | Method and device for determining color of text | |
| CN106919620A (en) | Single-page processing method and processing device | |
| CN108875085A (en) | Mix image processing method, device, computer equipment and the storage medium of application | |
| CN108134906A (en) | Image processing method and its system | |
| CN110442343A (en) | A kind of conversion of page method and conversion of page device | |
| CN106648567A (en) | Data acquisition method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information | ||
| CB02 | Change of applicant information |
Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: Beijing Guoshuang Technology Co.,Ltd. Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing Applicant before: Beijing Guoshuang Technology Co.,Ltd. |
|
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170524 |