CN103617043B - A kind of method and system uploaded with picture web data - Google Patents
A kind of method and system uploaded with picture web data Download PDFInfo
- Publication number
- CN103617043B CN103617043B CN201310658134.8A CN201310658134A CN103617043B CN 103617043 B CN103617043 B CN 103617043B CN 201310658134 A CN201310658134 A CN 201310658134A CN 103617043 B CN103617043 B CN 103617043B
- Authority
- CN
- China
- Prior art keywords
- picture
- data
- submission
- storage
- information
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The present invention provides a kind of method submitted with picture web data, comprises the following steps：（1）User is chosen after the picture of correlation, and triggering image data submits event, and by the pictorial information upload server and stores into an interim table of picture of database；（2）User clicks on a submitting button to trigger the page totally submission, and by the text information upload server and store into an interim table of word of database after the same page inputs corresponding text information；（3）Aggregation step（1）The pictorial information and step of submission（2）The text information of submission, creates a new record, as a new record storage into corresponding table；The described interim table of picture or word, at least including contents such as the unique code mark of a user, picture storage informations.The present invention realizes the submission respectively of word and picture under the same page, while the generation of invalid record can be prevented effectively, promotes the service efficiency of the host apparatus of computer.
Description
Technical field
The present invention relates to computer processing technology, more particularly to a kind of method and system uploaded with image data.
Background technology
With the fast development of computer network, increasing picture or data are via network transmission；For example webpage enters
Row content is issued.Especially, for shape such as ecommerce field, it is considered to be not only how these commercial matters informations
Advertisement is gone out, and is attracted eyeball with greater need for intuitive, interest of these advertisements etc. is increased, further to promote sales volume and aggregation
Popularity, usually require that both pictures and texts are excellent for carrying out the webpage of content issue, vivid and interesting.
And in Html, the file including picture is uploaded, typically pass through Form Element<Input type=file comes
Realize.Referring to Fig. 1 and Fig. 2, by using this element, browser can automatically generate an input frame and a button, input
Frame is available for user to fill in local filename and pathname, and button can allow browser to open a file choice box for user's choosing
File is selected, is then clicked on file upload services device again after a upload button.Similarly, in .net environment, service can be passed through
Device control<asp:FileUpload realizes the upload of file.
However, above-mentioned way of submission there is a situation where to submit scope to be defined to fully enter region in full page,
And some applications can be wished to realize the upload respectively of picture and word.The method of solution has, and one is using in two pages progress
Hold issue, first page be responsible for word issue, after the completion of enter second step picture upload.But this method is more numerous
Miscellaneous, Consumer's Experience sense is bad；Two are utilized in the method that the same page is submitted respectively, that is, allow first to submit Picture section, and
A record is added in corresponding database, then submits word segment to carry out record polishing.There is some deficiency in this method,
I.e. after Picture section is submitted, it may in time not submitted due to resubmiting new picture or word segment, cause back-end data
Storehouse produces an invalid record, so as to influence the service efficiency of database.
For another example, Chinese Patent Application No. is that " web data submission method and apparatus " disclosed in 2012101284016 it is related to
And Webpage is arranged to more than two submission regions, this method includes：The area that includes of label is submitted when detecting region
When domain submission event is triggered, one or more area identifications that region submits label to include are obtained, area identification is used for
Represent the submission region of user's selection；According to area identification, the page data in the corresponding submission region of area identification is obtained；To clothes
Business device sends the page data got.Without submitting whole webpage data, and simply it have submitted area identification pair
The page data in the submission region answered, further increasing the exploitation free degree of Web page developer.But, the invention there are
Following deficiency：1）Server controls under .net environment are not accounted for<asp:FileUpload in the choice blit piece when from
Trigger Function, at this moment special region is set to be not necessarily to；2）When the same area is brought up again friendship or not submitted in time, the patent
The background data base that can be caused produces an invalid record.
The content of the invention
It is an object of the invention to provide a kind of method submitted with picture web data, word and figure under the same page are realized
The submission respectively of piece, while the generation of invalid record can be prevented effectively, promotes the service efficiency of the host apparatus of computer.
Above-mentioned purpose is realized, the present invention is adopted the following technical scheme that：A kind of method submitted with picture web data, it is special
Levy and be, comprise the following steps：
（1）User is chosen after the picture of correlation, and triggering image data submits event, and by the pictorial information upload service
Device is simultaneously stored into an interim table of picture of database；
（2）User clicks on a submitting button total to trigger the page after the same page inputs corresponding text information
Body is submitted, and by the text information upload server and is stored into an interim table of word of database；
（3）Aggregation step（1）The pictorial information and step of submission（2）The text information of submission, creates a new record, makees
It is that a new record is stored into corresponding table；
The described interim table of picture or word, at least including contents such as the unique code mark of a user, picture storage informations.
Further, described data are submitted and can effectively verified in browser end, including picture format, size, text
Word length etc. is verified.
The present invention also provides the system that a kind of web data is submitted, it is characterised in that including the data communicated to connect successively
Acquisition module, data check module, data transmission blocks, image data memory module and data summarization memory module；
Data acquisition module, during for detecting that each data submission event is triggered, obtains the wire side number of corresponding submission data
According to；
Data check module, uploaded for verifying data form, size, length etc. whether meet arrange in advance will
Ask；
Data transmission blocks, for sending the page data got to server；
Image data memory module, for the pictorial information of upload to be stored into an interim table；
Data summarization memory module, the text information for collecting submission, and the figure in database in the interim table of picture
Piece information, and as a new record storage into corresponding table.
Compared with prior art, the present invention has the advantages that：
The present invention makes full use of existing image uploading control, realizes the submission respectively of word and picture under the same page,
Avoid unnecessary page turn over operation；Interim table data storage technology is used simultaneously, can effectively prevent the generation of invalid record, so that
Promote the service efficiency of the host apparatus of computer, improve the free degree of webpage development personnel, farthest facilitate user's
Operating experience.
The system that web data of the present invention is submitted, it is powerful, using some ecommerce back-stage management fields,
Achieve expected effect.
Brief description of the drawings
Fig. 1 is the aspx code schematic diagrames of prior art；
Fig. 2 shows page effect diagram for Fig. 1 aspx codes in browser；
Fig. 3 is the flow chart submitted with picture web data that one embodiment of the invention is provided；
Fig. 4 is the apparatus structure schematic diagram submitted with picture web data that one embodiment of the invention is provided.
Embodiment
In order to illustrate more clearly of technical solution of the present invention, below by taking C# programs as an example, with reference to accompanying drawing and implementation to this hair
It is bright to be described in further detail.The method of the present invention submitted with picture web data, passes through what is run on computers
Software form is realized.
Referring to Fig. 3, a kind of method submitted with picture web data, this method includes：When user chooses the figure of correlation
After piece, automatic triggering image data submits event, and the pictorial information upload server and store to database one are faced
When table in；After user inputs corresponding text information in the same page, it is overall to trigger the page to click on a submitting button
Submit；Then collect the text information of submission, and the pictorial information in database in the interim table of picture, be used as a new record
Store in corresponding table.
The interim table of above-mentioned picture, at least may include that the unique code of a user is identified, the content such as picture storage information.
Above-mentioned data are submitted and can effectively verified in browser end, including picture format, size, word length etc.
Verification.
Here user can be Web page developer or common terminal user.What above-mentioned web data was submitted
Device can include desktop computer, notebook, mobile phone, PDA, platform computer, e-book etc..
Referring to Fig. 4, the system that a kind of web data is submitted, including communicate to connect successively data acquisition module, data school
Test module, data transmission blocks, image data memory module and data summarization memory module；
Data acquisition module, during for detecting that each data submission event is triggered, obtains the wire side number of corresponding submission data
According to；
Data check module, uploaded for verifying data form, size, length etc. whether meet arrange in advance will
Ask；
Data transmission blocks, for sending the page data got to server；
Image data memory module, for the pictorial information of upload to be stored into an interim table；
Data summarization memory module, the text information for collecting submission, and the figure in database in the interim table of picture
Piece information, and as a new record storage into corresponding table.
In various embodiments of the present invention, to carrying out the scope of data submission the need in webpage, automatic distinguishing is text
Word and picture submit two parts, are respectively processed.
First, the process that picture is uploaded：
For example, server controls can be passed through<asp:FileUpload controls the upload process of picture, or passes through handle
Html controls<Input type=file is set to server controls and realizes that picture is uploaded.Its step is as follows：
1st, control is passed through<asp:FileUpload or<It is clear on the right of input type=file runat=' ' server "
Look at button, selection needs the picture uploaded, when being changed in control decision block, onChange events are triggered, so as to call
Event handling function CheckFileTypeIphone () in javascript；
2nd, picture uploads triggering and verified：
Function CheckFileTypeIphone () has two functions:
(1) verifying function, that is, whether the file for verifying selection is required picture format, and whether size meets the requirements
Deng；
(2) javascript codes are passed through：document.getElementById('btnUpdateTelPic')
.click (), so as to trigger hiding button btnUpdateIphonePic OnClick events, and by backstage
The submission matters of btnUpdateIphonePic_Click event handling pictures.
3rd, the upload of picture and interim storage：
Backstage btnUpdateIphonePic_Click () event also has two functions：
(1) uploading pictures.Picture can be converted into binary storage to upload to picture into interim table, or directly
Under the assigned catalogue of server, and by the storage of the information such as path into database, to ensure that user may be just by these information
Really obtain the picture uploaded.
(2) pictorial information is stored.First, a picture temporary storage table is created, wherein at least includes unique mark, picture
Information, wherein if binary storage, Image type fields can be used；, can if picture is directly stored in server
To store the path of picture in the server using varchar types.Usually, mark can be using logging in UserID come area
Point, mainly it can only upload a pictures in the given time in view of each login user.Then, by the information of uploading pictures
Store in this interim table, so ensure that each online user can only preserve a pictures in interim table.
2nd, text information is uploaded and collected：
1st, Data Enter and submission.Referring to Fig. 2, the related information of typing in title or brief introduction domain.After the completion of typing, point
Hit button btnSubmit, triggering OnClick event btnSubmit_Click ().
2nd, data check.Following code can be added in the Page_Load events on backstage：
btnSubmit.Attributes.Add("onclick", "return confirm();")
Then, it is necessary in one section of client call before background process OnClick events btnSubmit_Click ()
Javascript function confirm (), to carry out data check, whether be empty, whether length meets the requirements if such as judging data,
Phone number format, Email forms, number format, currency style, time format etc..After the completion of, perform backstage btnSubmit_
Click () event.
3rd, storage is submitted and collected to data.Backstage the btnSubmit_Click () event of execution, UserID is logged in by association
Mode, using Sql modes, collects the pictorial information of the interim table of picture, new using the picture and text information in webpage as one
Insert is recorded into correlation table.
Verification described in embodiment, can use client verification mode, or the whole verification mode of server.
Picture described in embodiment is uploaded, and can be that single picture is uploaded or multiple pictures are uploaded.Simply work as
When multiple pictures are uploaded, mode can be uploaded according to single picture, do similar processing.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the invention.The present invention can be used for
E-commerce field such as purchases by group at the issue of information, is also applicable in other fields, as long as within the spirit and principles in the present invention,
Any modification, equivalent substitution and improvements made etc., should be included in the scope of the protection.
Claims (1)
1. a kind of band picture web data submission system, it is characterised in that including data acquisition module, the number communicated to connect successively
According to correction verification module, data transmission blocks, image data memory module and data summarization memory module；
Data acquisition module, during for detecting that each data submission event is triggered, obtains web data；
Whether data check module, form, size and the length that data are uploaded for verifying meets the requirement arranged in advance；
Data transmission blocks, for sending the page data got to server；
Image data memory module, for the pictorial information of upload to be stored into an interim table；
Data summarization memory module, the text information for collecting submission, and the picture letter in database in the interim table of picture
Breath, and as a new record storage into corresponding table；
The data submission method with picture web data submission system, comprises the following steps：
（1）Using image uploading control, the submission respectively of word and picture under the same page is realized；User chooses the figure of correlation
After piece, image data is triggered by data acquisition module and submits event, and by the pictorial information upload server and is stored to number
According in the interim table of picture in storehouse；
Uploading pictures：Picture is converted into binary storage picture is uploaded onto the server into the interim table of picture, or directly
Assigned catalogue under, and by path information storage into database, to ensure that user passes through in the interim table of picture and database
Routing information correctly obtains the picture of upload；Store pictorial information：First, an interim table of picture is created, at least including unique
Pictorial information is identified, wherein if binary storage, using Image type fields；If picture is directly stored in server
, the path of picture in the server is stored using varchar types；Then, the information storage of uploading pictures is faced to picture
When table in, it is ensured that each online user can only preserve a pictures in the interim table of picture；
（2）With interim table data storage technology, user clicks on one and carried after the same page inputs corresponding text information
Button is handed over to trigger the page totally submission, and a word of the text information upload server and storage to database is interim
In table；
Data Enter and submission：The related information of typing in title or brief introduction domain；
Data check, data are carried out by data check module, data transmission blocks to submit, then collect storage again；
（3）Aggregation step（1）The pictorial information and step of submission（2）The text information of submission, creates a new record, is used as one
Individual new record storage is into corresponding table；
The interim table of picture or word, at least including the unique code mark of a user and picture storage information content.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310658134.8A CN103617043B (en) | 2013-12-09 | 2013-12-09 | A kind of method and system uploaded with picture web data |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310658134.8A CN103617043B (en) | 2013-12-09 | 2013-12-09 | A kind of method and system uploaded with picture web data |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103617043A CN103617043A (en) | 2014-03-05 |
| CN103617043B true CN103617043B (en) | 2017-08-11 |
Family
ID=50167746
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310658134.8A Active CN103617043B (en) | 2013-12-09 | 2013-12-09 | A kind of method and system uploaded with picture web data |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103617043B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105407120A (en) * | 2014-09-15 | 2016-03-16 | 上海天脉聚源文化传媒有限公司 | Method, device and system for transmitting image based on WEB client |
| CN104462491A (en) * | 2014-12-22 | 2015-03-25 | 上海斐讯数据通信技术有限公司 | Image uploading method and system and corresponding server |
| CN106953925A (en) * | 2017-03-30 | 2017-07-14 | 福建中金在线信息科技有限公司 | A kind of image data method for uploading and system |
| CN108876632A (en) * | 2018-06-04 | 2018-11-23 | 中国平安人寿保险股份有限公司 | Claims Resolution method, apparatus, computer equipment and readable storage medium storing program for executing |
| CN113222703B (en) * | 2021-05-20 | 2023-04-07 | 青岛海信智慧生活科技股份有限公司 | Method and device for uploading commodity pictures in batches |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080120304A1 (en) * | 2006-11-21 | 2008-05-22 | Calio Robert J | Method and system for providing high performance data modification of relational database tables |
| CN101110837B (en) * | 2007-08-08 | 2010-06-09 | 腾讯科技（深圳）有限公司 | System and method for implementing mobile phone blog |
| US9124548B2 (en) * | 2012-02-24 | 2015-09-01 | Htc Corporation | Method for uploading media file, electronic device using the same, and non-transitory storage medium |
-
2013
- 2013-12-09 CN CN201310658134.8A patent/CN103617043B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN103617043A (en) | 2014-03-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8972282B2 (en) | Method for transformation of a website | |
| US10481763B2 (en) | Mobile stamp creation and management for digital communications | |
| US9224159B2 (en) | Distributed content exchange and presentation system | |
| US8224823B1 (en) | Browsing history restoration | |
| EP1872314B1 (en) | Distributed content exchange and presentation system | |
| US9374396B2 (en) | Recommended content for an endorsement user interface | |
| US8112703B2 (en) | Aggregate tag views of website information | |
| US20160140626A1 (en) | Web page advertisement configuration and optimization with visual editor and automatic website and webpage analysis | |
| CN106603469B (en) | The method and apparatus for logging in application | |
| CN104239298B (en) | Text message recommends method, server, browser and system | |
| Norris et al. | eBusiness essentials | |
| CN103617043B (en) | A kind of method and system uploaded with picture web data | |
| CN109145078A (en) | The application page of the machine application is indexed | |
| CN102301732B (en) | Communication system, server device, display device and information processing method | |
| CN103473302A (en) | Lock screen information display method, device and system | |
| CN107979632A (en) | The processing method of pushed information, apparatus and system | |
| CN104142975B (en) | Microblog information promotion method, device and system | |
| CN104732182A (en) | Two-dimension-code-based communication method on webpage | |
| CN104461537B (en) | A kind of multi-service integrated system based on browser kernel | |
| CN106383857A (en) | Information processing method and electronic equipment | |
| CN103092479A (en) | Method, device and system for information switching through right button | |
| KR20120137629A (en) | System for providing shorten url browsing with branding , method thereof, and web client thereof | |
| TW201029424A (en) | System and method of network authentication | |
| CN105426183A (en) | Form verification method | |
| CN106209732A (en) | A kind of offer method and device of identifying code |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |