CN103617043A - Method and system with picture webpage data uploading function - Google Patents

Abstract

The present invention provides a method for submitting web page data with pictures, which includes the following steps: (1) After the user selects a relevant picture, a picture data submission event is triggered, and the picture information is uploaded to the server and stored in a temporary picture table of the database Medium; (2) After the user enters the corresponding text information on the same page, click a submit button to trigger the overall submission of the page, and upload the text information to the server and store it in a text temporary table in the database; (3) Summary steps (1) The picture information submitted and the text information submitted in step (2) create a new record and store it in the corresponding table as a new record; the picture or text temporary table includes at least a user unique code identifier, Image storage information and other content. The invention realizes the separate submission of text and pictures on the same page, effectively prevents the generation of invalid records, and improves the use efficiency of the host device of the computer.

Description

Method and system for uploading web page data with pictures

technical field

The present invention relates to computer processing technology, in particular to a method and system for uploading image data.

the

Background technique

With the rapid development of computer networks, more and more pictures or data are transmitted via the network; for example, web pages for content publishing. In particular, for fields such as e-commerce, the consideration is not only how to advertise these business information, but also to increase the intuitiveness and interest of these advertisements to attract eyeballs, so as to further promote sales and gather popularity. Therefore, the web pages used for content publishing usually need to be rich in pictures and texts, vivid and interesting.

In Html, file uploads including pictures are generally implemented through the form element <input type = file. See Figure 1 and Figure 2. By using this element, the browser will automatically generate an input box and a button. The input box allows the user to fill in the local file name and path name. The button allows the browser to open a file selection box for the user to choose file, and then click an upload button to upload the file to the server. Similarly, in the .net environment, you can upload files through the server control <asp:FileUpload.

However, in the above-mentioned submission method, the scope of submission may be limited to all input areas on the entire page, and some applications may wish to upload pictures and text separately. The solution is as follows. One is to use two pages for content publishing. The first page is responsible for text publishing, and after completion, enter the second step of image upload. But this method is complicated and the user experience is not good; the second is to use the method of submitting separately on the same page, that is, it is allowed to submit the picture part first, add a record in the corresponding database, and then submit the text part to complete the record. This method has a disadvantage, that is, after the picture part is submitted, an invalid record may be generated in the background database due to the resubmission of the new picture or the text part may not be submitted in time, thus affecting the efficiency of the database.

Another example is the "Webpage Data Submission Method and Device" disclosed in Chinese Patent Application No. 2012101284016, which involves setting a web page as more than two submission areas. The method includes: when it is detected that the area submission event contained in the area submission tag is triggered , obtain one or more region identifiers contained in the region submission tag, and the region identifier is used to indicate the submission region selected by the user; according to the region identifier, obtain the page data of the submission region corresponding to the region identifier; send the obtained page data to the server. Therefore, there is no need to submit the entire web page data, but only the page data of the submitted area corresponding to the area identifier is submitted, which further improves the development freedom of the web page developer. However, this invention has the following deficiencies: 1) The self-triggering function of the server control <asp:FileUpload in the .net environment is not considered when selecting uploaded pictures, and special regional settings are no longer necessary at this time; 2) Resubmit in the same region Or when it is not submitted in time, the patent will cause an invalid record in the background database.

the

Contents of the invention

The purpose of the present invention is to provide a method for submitting web page data with pictures, which can realize the separate submission of text and pictures on the same page, effectively prevent the generation of invalid records, and improve the use efficiency of the host device of the computer.

To achieve the above object, the present invention adopts the following technical solutions: a method for submitting web page data with pictures, which is characterized in that it comprises the following steps:

(1) After the user selects the relevant picture, the picture data submission event is triggered, and the picture information is uploaded to the server and stored in a temporary picture table in the database;

(2) After the user enters the corresponding text information on the same page, click a submit button to trigger the overall submission of the page, and upload the text information to the server and store it in a text temporary table in the database;

(3) Summarize the image information submitted in step (1) and the text information submitted in step (2), create a new record, and store it in the corresponding table as a new record;

The picture or text temporary table includes at least one user unique code identification, picture storage information and other contents.

Further, the data submission can be effectively verified on the browser side, including verification of image format, size, text length, etc.

The present invention also provides a system for submitting web page data, which is characterized in that it includes a data acquisition module, a data verification module, a data sending module, a picture data storage module, and a data summary storage module that are sequentially connected by communication;

The data acquisition module is used to obtain the network data of the corresponding submitted data when each data submission event is triggered;

The data verification module is used to verify whether the format, size, length, etc. of the uploaded data meet the requirements agreed in advance;

The data sending module is used to send the obtained page data to the server;

The image data storage module is used to store the uploaded image information in a temporary table;

The data summary storage module is used to summarize the submitted text information and the picture information in the picture temporary table in the database, and store them in the corresponding table as a new record.

Compared with the prior art, the present invention has the following beneficial effects:

The present invention makes full use of the existing image upload control to realize the separate submission of text and pictures on the same page, avoiding unnecessary page-turning operations; at the same time, it uses the temporary table storage data technology, which can effectively prevent the generation of invalid records, thereby improving the efficiency of the computer. The use efficiency of the host device improves the freedom of web developers and maximizes the convenience of the user's operating experience.

The webpage data submission system of the present invention has powerful functions and has been applied in some background management fields of e-commerce and achieved expected effects.

the

Description of drawings

Figure 1 is a schematic diagram of the aspx code of the prior art;

Figure 2 is a schematic diagram of the page display effect of the aspx code in Figure 1 in the browser;

Fig. 3 is the flow chart of the web page data submission with pictures provided by one embodiment of the present invention;

Figure 4 is a schematic structural diagram of a device for submitting web page data with pictures provided by an embodiment of the present invention.

the

Detailed ways

In order to illustrate the technical solution of the present invention more clearly, the following takes the C# program as an example, and further describes the present invention in detail in conjunction with the accompanying drawings and implementation. The method for submitting web page data with pictures involved in the present invention is realized by software running on a computer.

Referring to Fig. 3, a method for submitting web page data with pictures, the method includes: when the user selects a relevant picture, an event for submitting picture data is automatically triggered, and the picture information is uploaded to the server and stored in a temporary table in the database ; After the user enters the corresponding text information on the same page, click a submit button to trigger the overall submission of the page; then summarize the submitted text information, and the image information in the image temporary table in the database, and store them as a new record in the corresponding table.

The aforementioned temporary picture table may include at least one user unique code identifier, picture storage information and other contents.

The above data submission can be effectively verified on the browser side, including verification of image format, size, text length, etc.

The user here can be a web developer or an ordinary end user. The above-mentioned devices for submitting web page data may include desktop computers, notebooks, mobile phones, PDAs, platform computers, e-books, and the like.

Referring to Fig. 4, a system for submitting webpage data includes a data acquisition module, a data verification module, a data sending module, a picture data storage module and a data summary storage module connected in sequence by communication;

The data acquisition module is used to obtain the network data of the corresponding submitted data when each data submission event is triggered;

The data verification module is used to verify whether the format, size, length, etc. of the uploaded data meet the requirements agreed in advance;

The data sending module is used to send the obtained page data to the server;

The image data storage module is used to store the uploaded image information in a temporary table;

The data summary storage module is used to summarize the submitted text information and the picture information in the picture temporary table in the database, and store them in the corresponding table as a new record.

In each embodiment of the present invention, the scope of data submission in the webpage is automatically divided into two parts, text and picture submission, and processed separately.

1. The process of uploading pictures:

For example, you can control image upload processing through the server control <asp:FileUpload, or you can realize image upload by setting the html control <input type = file as a server control. The steps are as follows:

1. Through the browse button on the right side of the control <asp:FileUpload or <input type = file runat=''server", select the picture to be uploaded. When the control judges a change in the frame, the onChange event is triggered to call the event in javascript Processing function CheckFileTypeIphone();

2. Image upload trigger and verification:

The function CheckFileTypeIphone() has two functions:

(1) Verification function, that is, to verify whether the selected file is in the required image format, whether the size meets the requirements, etc.;

(2) Through the javascript code: document.getElementById('btnUpdateTelPic').click(), the OnClick event of the hidden button btnUpdateIphonePic is triggered, and the background btnUpdateIphonePic_Click event handles the submission of the picture.

3. Upload and temporary storage of pictures:

The background btnUpdateIphonePic_Click() event also has two functions:

(1) Upload pictures. You can convert the picture into binary and store it in a temporary table, or directly upload the picture to the specified directory of the server, and store the path and other information in the database, so as to ensure that the user can correctly obtain the uploaded picture through this information.

(2) Store picture information. First, create a temporary image storage table, which includes at least the unique identifier and image information. If the image is stored in binary format, the Image type field can be used; if the image is directly stored on the server, the varchar type can be used to store the path of the image in the server. Generally, the identification can be distinguished by the login UserID, mainly because each login user can only upload one picture at a given time. Then, store the uploaded picture information in this temporary table, so that each online user can only save one picture in the temporary table.

2. Upload and summary of text information:

1. Information entry and submission. Referring to Figure 2, enter relevant information in the Title or Introduction field. After the input is complete, click the button btnSubmit to trigger the OnClick event btnSubmit_Click().

2. Data verification. You can add the following code to the Page_Load event in the background:

btnSubmit.Attributes.Add("onclick", "return confirm();")

Therefore, before the OnClick event btnSubmit_Click() is processed in the background, a Javascript function confirm() needs to be called on the client side to perform data verification, such as judging whether the data is empty, whether the length meets the requirements, phone number format, Email format, digital format , currency format, time format, etc. After completion, execute the background btnSubmit_Click() event.

3. Data submission and summary storage. Execute the btnSubmit_Click() event in the background, log in UserID through association, and use Sql to summarize the image information in the image temporary table, and insert the image and text information in the webpage as a new record into the related table.

The verification described in the embodiment can adopt the client verification method or the server final verification method.

The uploading of pictures described in the embodiments may be uploading a single picture or uploading multiple pictures. It's just that when multiple pictures are uploaded, similar processing can be done according to the single picture upload method.

The above descriptions are only preferred embodiments of the present invention, and are not intended to limit the present invention. The present invention can be used in the release of information such as group buying in the field of e-commerce, and can also be applied in other fields. As long as it is within the spirit and principles of the present invention, any modifications, equivalent replacements, improvements, etc., should be included in the scope of the present invention. within the scope of protection. the

Claims (3)

1. a method of submitting to picture network page data, is characterized in that, comprises the steps:

(1) user chooses after relevant picture, and trigger image data and submit event to, and by this pictorial information upload server and store in a picture temporary table of database;

(2) user inputs after corresponding Word message at the same page, and click a submit button and totally submit to trigger the page, and by this Word message upload server and store in a word temporary table of database;

(3) Word message that the pictorial information that aggregation step (1) is submitted to and step (2) are submitted to, creates a new record, as a new record, stores in corresponding table;

Described picture or word temporary table, at least comprise the contents such as user's unique code sign, picture-storage information.

2. the method for submitting to picture network page data according to claim 1, is characterized in that, described data are submitted to can carry out effective verification at browser end, comprises the verifications such as picture format, size, word length.

3. the system that web data is submitted to, is characterized in that, comprises that data acquisition module, data check module, data transmission blocks, image data memory module and the data of communication connection gather memory module successively;

Data acquisition module, while being triggered for detection of each data submission event, obtains the wire side data of corresponding submission data;

Whether data check module, meet the requirement of agreement in advance for the form of verification uploading data, size, length etc.;

Data transmission blocks, for sending the page data getting to server;

Image data memory module, for storing the pictorial information of uploading into a temporary table;

Data gather memory module, for gathering the Word message of submission, and the pictorial information in picture temporary table in database, and store in corresponding table as a new record.

Images