本申請(qǐng)涉及圖片上傳技術(shù)領(lǐng)域，尤其涉及一種圖片數(shù)據(jù)上傳方法和系統(tǒng)。

背景技術(shù)：

圖片數(shù)據(jù)包括圖片和圖片相關(guān)信息，其中圖片相關(guān)信息包括圖片的描述內(nèi)容、用戶信息(如用戶名，郵箱信息)等。

目前現(xiàn)有的圖片數(shù)據(jù)上傳方法或是利用html(hypertextmarkuplanguage，超文本標(biāo)記語言)自帶的上傳控件提交表單，并在刷新頁面后觸發(fā)提交請(qǐng)求，完成上傳，或是利用flash控件直接實(shí)現(xiàn)圖片數(shù)據(jù)的異步上傳。

然而本申請(qǐng)的申請(qǐng)人發(fā)現(xiàn)，利用html自帶的上傳控件完成圖片數(shù)據(jù)上傳的過程中，只有當(dāng)表單提交的時(shí)候才會(huì)驗(yàn)證圖片的類型、安全性等，而如果圖片驗(yàn)證失敗，頁面要求重新上傳圖片的同時(shí)，還會(huì)將用戶之前填寫的圖片相關(guān)信息也清空，那么用戶再次上傳圖片數(shù)據(jù)時(shí)，不僅需要重新加載圖片，還需要重新填寫圖片相關(guān)信息，這無疑降低了用戶的使用體驗(yàn)。

而利用flash控件直接異步上傳圖片數(shù)據(jù)時(shí)，flash加載會(huì)使得頁面整體加載變慢，效率較低。

技術(shù)實(shí)現(xiàn)要素：

有鑒于此，本申請(qǐng)?zhí)峁┮环N圖片數(shù)據(jù)上傳方法和系統(tǒng)，以解決現(xiàn)有技術(shù)中利用html自帶的上傳控件完成圖片數(shù)據(jù)上傳的方法，用戶的使用體驗(yàn)度較低，利用flash控件直接異步上傳圖片數(shù)據(jù)的方法，使得頁面整體加載變慢，效率較低的問題。

基于本申請(qǐng)的一方面，本申請(qǐng)?zhí)峁┮环N圖片數(shù)據(jù)上傳方法，應(yīng)用于第一頁面，所述第一頁面上創(chuàng)建有一框架，所述框架的src屬性中規(guī)定了第二頁面的地址；所述方法包括：

當(dāng)所述第一頁面接收到需要上傳圖片的上傳請(qǐng)求時(shí)，所述第一頁面依據(jù)所述框架的src屬性中規(guī)定的第二頁面的地址，調(diào)取出所述第二頁面；其中所述上傳請(qǐng)求包括待上傳圖片；

所述第二頁面接收所述待上傳圖片，并對(duì)所述待上傳圖片進(jìn)行驗(yàn)證；

當(dāng)所述第二頁面驗(yàn)證所述待上傳圖片合法后，所述第二頁面將所述待上傳圖片上傳至服務(wù)器；

所述第一頁面接收所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息；

所述第一頁面接收用戶輸入的圖片相關(guān)信息；

當(dāng)所述第一頁面接收到確認(rèn)上傳請(qǐng)求時(shí)，所述第一頁面將所述圖片相關(guān)信息和所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器。

優(yōu)選地，所述方法還包括：

所述第一頁面依據(jù)接收到的所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取并顯示所述待上傳圖片。

優(yōu)選地，當(dāng)所述第一頁面接收到確認(rèn)上傳請(qǐng)求時(shí)，所述第一頁面將所述圖片相關(guān)信息和所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器之前還包括：

所述第一頁面依據(jù)所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取所述待上傳圖片；

所述第一頁面對(duì)所述待上傳圖片進(jìn)行再次驗(yàn)證；

當(dāng)所述待上傳圖片再次驗(yàn)證合法時(shí)，再執(zhí)行將所述圖片相關(guān)信息和所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器的步驟。

優(yōu)選地，所述框架的屬性為隱藏屬性。

優(yōu)選地，所述對(duì)所述待上傳圖片進(jìn)行驗(yàn)證包括：對(duì)所述待上傳圖片的格式、類型、和/或安全性進(jìn)行驗(yàn)證。

基于本申請(qǐng)的另一方面，本申請(qǐng)?zhí)峁┮环N圖片數(shù)據(jù)上傳系統(tǒng)，包括第一頁面和第二頁面；其中，所述第一頁面上創(chuàng)建有一框架，所述框架的src屬性中規(guī)定了第二頁面的地址；

所述第一頁面在接收到需要上傳圖片的上傳請(qǐng)求時(shí)，依據(jù)所述框架的src屬性中規(guī)定的第二頁面的地址，調(diào)取出所述第二頁面；其中所述上傳請(qǐng)求包括待上傳圖片；

所述第二頁面接收所述待上傳圖片，并對(duì)所述待上傳圖片進(jìn)行驗(yàn)證；

當(dāng)所述第二頁面驗(yàn)證所述待上傳圖片合法后，所述第二頁面將所述待上傳圖片上傳至服務(wù)器；

所述第一頁面接收所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息；

所述第一頁面接收用戶輸入的圖片相關(guān)信息；

當(dāng)所述第一頁面接收到確認(rèn)上傳請(qǐng)求時(shí)，將所述圖片相關(guān)信息和所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器。

優(yōu)選地，所述第一頁面還用于，依據(jù)接收到的所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取并顯示所述待上傳圖片。

優(yōu)選地，所述第一頁面還用于，依據(jù)所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取所述待上傳圖片；對(duì)所述待上傳圖片進(jìn)行再次驗(yàn)證；

其中當(dāng)所述待上傳圖片再次驗(yàn)證合法時(shí)，所述第一頁面將所述圖片相關(guān)信息和所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器。

優(yōu)選地，所述框架的屬性為隱藏屬性。

優(yōu)選地，所述對(duì)所述待上傳圖片進(jìn)行驗(yàn)證包括：對(duì)所述待上傳圖片的格式、類型、和/或安全性進(jìn)行驗(yàn)證。

本申請(qǐng)?zhí)峁┑膱D片數(shù)據(jù)上傳方法和系統(tǒng)中，第一頁面上創(chuàng)建有一框架，所述框架的src屬性中規(guī)定了第二頁面的地址。當(dāng)?shù)谝豁撁娼邮盏叫枰蟼鲌D片的上傳請(qǐng)求時(shí)，第一頁面依據(jù)所述框架的src屬性中規(guī)定的第二頁面的地址，調(diào)取出所述第二頁面，由所述第二頁面接收待上傳圖片，并對(duì)所述待上傳圖片進(jìn)行驗(yàn)證。當(dāng)所述第二頁面驗(yàn)證所述待上傳圖片合法后，將所述待上傳圖片上傳至服務(wù)器。第一頁面接收所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，以及接收用戶輸入的圖片相關(guān)信息。當(dāng)?shù)谝豁撁娼邮盏酱_認(rèn)上傳請(qǐng)求時(shí)，第一頁面將所述圖片相關(guān)信息和所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器。

本申請(qǐng)中圖片上傳、圖片合法性驗(yàn)證由第二頁面完成，圖片相關(guān)信息的輸入在第一頁面中完成，因此本申請(qǐng)將對(duì)圖片上傳、驗(yàn)證的處理和對(duì)圖片相關(guān)信息的輸入分別利用兩個(gè)不同的頁面來實(shí)現(xiàn)，那么即使在第二頁面中圖片的合法性驗(yàn)證失敗時(shí)，也不會(huì)影響到第一頁面中輸入的圖片相關(guān)信息，避免了圖片相關(guān)信息的重復(fù)輸入。且本申請(qǐng)將第一頁面上創(chuàng)建的框架代替flash，不會(huì)影響頁面的加載效率，提高了頁面的反應(yīng)效率。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。

圖1為本申請(qǐng)?zhí)峁┑囊环N圖片數(shù)據(jù)上傳方法的流程圖；

圖2為本申請(qǐng)?zhí)峁┑囊环N圖片數(shù)據(jù)上傳系統(tǒng)的結(jié)構(gòu)示意圖。

具體實(shí)施方式

下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

請(qǐng)參閱圖1，其示出本申請(qǐng)?zhí)峁┑囊环N圖片數(shù)據(jù)上傳方法的流程圖，包括：

步驟101，當(dāng)?shù)谝豁撁娼邮盏叫枰蟼鲌D片的上傳請(qǐng)求時(shí)，第一頁面依據(jù)框架的src屬性中規(guī)定的第二頁面的地址，調(diào)取出第二頁面。其中所述上傳請(qǐng)求包括待上傳圖片。

本申請(qǐng)中，第一頁面上創(chuàng)建有一框架，該框架的src屬性中規(guī)定了第二頁面的地址。優(yōu)選地，本申請(qǐng)中框架的屬性為隱藏屬性，那么在本申請(qǐng)實(shí)際應(yīng)用時(shí)，該框架在第一頁面中隱藏起來，對(duì)用戶不可見，優(yōu)化了用戶的感官體驗(yàn)。

步驟102，第二頁面接收所述待上傳圖片，并對(duì)所述待上傳圖片進(jìn)行驗(yàn)證。

在實(shí)際應(yīng)用過程中，當(dāng)用戶需要上傳圖片數(shù)據(jù)時(shí)，用戶會(huì)在第一頁面中觸發(fā)上傳圖片的上傳請(qǐng)求，所述上傳請(qǐng)求包括待上傳圖片。現(xiàn)有技術(shù)中第一頁面會(huì)直接接收該上傳請(qǐng)求，并獲取加載所述待上傳圖片。當(dāng)用戶在第一頁面中完成圖片相關(guān)信息的輸入后，第一頁面將所述待上傳圖片和接收到的圖片相關(guān)信息一同進(jìn)行上傳。然而在觸發(fā)上傳后，如果所述待上傳圖片的合法性驗(yàn)證失敗，則頁面會(huì)要求重新上傳所述待上傳圖片，并同時(shí)將用戶之前輸入的圖片相關(guān)信息清空，那么用戶再次上傳圖片數(shù)據(jù)時(shí)，需要用戶重新輸入圖片相關(guān)信息，這無疑降低了用戶的使用體驗(yàn)。本申請(qǐng)不同于現(xiàn)有技術(shù)，本申請(qǐng)中第一頁面接收到需要上傳圖片的上傳請(qǐng)求時(shí)，并不響應(yīng)該上傳請(qǐng)求，而是依據(jù)該第一頁面上創(chuàng)建的框架的src屬性中規(guī)定的第二頁面的地址，調(diào)取出不同于第一頁面的第二頁面，由第二頁面響應(yīng)該上傳請(qǐng)求。

第二頁面從該上傳請(qǐng)求中接收并獲取所述待上傳圖片，并對(duì)所述待上傳圖片進(jìn)行驗(yàn)證。具體的，第二頁面可以依據(jù)預(yù)設(shè)規(guī)則，對(duì)所述待上傳圖片的格式、類型、和/或安全性進(jìn)行合法性驗(yàn)證。其中預(yù)設(shè)規(guī)則可根據(jù)不同頁面的上傳要求、或上傳目的地的上傳要求等進(jìn)行設(shè)置。

步驟103，當(dāng)?shù)诙撁骝?yàn)證所述待上傳圖片合法后，第二頁面將所述待上傳圖片上傳至服務(wù)器。

本申請(qǐng)中，第二頁面驗(yàn)證所述待上傳圖片合法后，便直接將所述待上傳圖片上傳至服務(wù)器。

此外作為本申請(qǐng)的一個(gè)優(yōu)選實(shí)施例，當(dāng)?shù)诙撁骝?yàn)證所述待上傳圖片不合法時(shí)，可以在第一頁面、和/或第二頁面中彈出提示消息，以通知用戶當(dāng)前待上傳圖片不合法。更具體地，該提示消息中還可以包括當(dāng)前待上傳圖片不合法的原因，如圖片類型不符等。

步驟104，第一頁面接收所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息。

服務(wù)器接收到由第二頁面上傳的所述待上傳圖片后，將所述待上傳圖片存儲(chǔ)，并為所述待上傳圖片分配一存儲(chǔ)地址信息，該存儲(chǔ)地址信息用于指示所述待上傳圖片在服務(wù)器中的具體存儲(chǔ)位置。一般的，該存儲(chǔ)地址信息可以為url地址。

服務(wù)器為所述待上傳圖片分配一url地址后，將該url地址返回給第一頁面，此時(shí)第一頁面接收所述url地址。

步驟105，第一頁面接收用戶輸入的圖片相關(guān)信息。

本申請(qǐng)中，用戶直接在第一頁面中輸入圖片相關(guān)信息，此時(shí)第一頁面接收到用戶輸入的圖片相關(guān)信息。

本申請(qǐng)中，圖片相關(guān)信息的輸入在第一頁面中完成。

在此申請(qǐng)人需要說明的是，本申請(qǐng)對(duì)于步驟105與前述步驟102-104的執(zhí)行順序不做限定。由于本申請(qǐng)中步驟105是由第一頁面實(shí)現(xiàn)圖片相關(guān)信息的輸入，步驟102-104是由第二頁面實(shí)現(xiàn)圖片的驗(yàn)證、上傳，而本申請(qǐng)中第一頁面的處理操作與第二頁面的處理操作并無太大關(guān)聯(lián)，因此，本申請(qǐng)步驟105可以先于步驟102-104執(zhí)行，也可與步驟102-104同時(shí)執(zhí)行。

步驟106，當(dāng)所述第一頁面接收到確認(rèn)上傳請(qǐng)求時(shí)，所述第一頁面將所述圖片相關(guān)信息和所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器。

當(dāng)用戶完成圖片相關(guān)信息的輸入，并上傳圖片成功后，在第一頁面觸發(fā)確認(rèn)上傳請(qǐng)求，以將圖片和圖片相關(guān)信息一同上傳至服務(wù)器。此時(shí)，第一頁面會(huì)接收到該確認(rèn)上傳請(qǐng)求，進(jìn)而第一頁面將圖片相關(guān)信息和服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器。

因此，應(yīng)用本申請(qǐng)?zhí)峁┑纳鲜黾夹g(shù)方案，本申請(qǐng)中圖片上傳、圖片合法性驗(yàn)證由第二頁面完成，圖片相關(guān)信息的輸入在第一頁面中完成，本申請(qǐng)將對(duì)圖片上傳、驗(yàn)證的處理和對(duì)圖片相關(guān)信息的輸入分別利用兩個(gè)不同的頁面來實(shí)現(xiàn)，那么即使在第二頁面中圖片的合法性驗(yàn)證失敗時(shí)，也不會(huì)影響到第一頁面中輸入的圖片相關(guān)信息，避免了圖片相關(guān)信息的重復(fù)輸入。且本申請(qǐng)將第一頁面上創(chuàng)建的框架代替flash，不會(huì)影響頁面的加載效率，提高了頁面的反應(yīng)效率。

在上述實(shí)施例的基礎(chǔ)上，在步驟104，第一頁面接收所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息之后，所述方法還包括：

步驟107，第一頁面依據(jù)接收到的所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取并顯示所述待上傳圖片。

在本申請(qǐng)實(shí)施例中，第一頁面接收到服務(wù)器返回的所述待上傳圖片的url地址后，第一頁面可以依據(jù)該url地址獲取所述待上傳圖片，并顯示所述待上傳圖片，本申請(qǐng)實(shí)現(xiàn)了在上傳圖片數(shù)據(jù)時(shí)，顯示圖片的效果。

在上述實(shí)施例的基礎(chǔ)上，當(dāng)?shù)谝豁撁娼邮盏酱_認(rèn)上傳請(qǐng)求時(shí)，步驟106，第一頁面將圖片相關(guān)信息和服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器之前，所述方法還包括：

步驟108，依據(jù)所述服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取所述待上傳圖片。

步驟109，對(duì)所述待上傳圖片進(jìn)行再次驗(yàn)證。

當(dāng)步驟109對(duì)所述待上傳圖片再次驗(yàn)證合法時(shí)，再執(zhí)行步驟106。

為了進(jìn)一步提高圖片上傳的合法性，本申請(qǐng)中第一頁面在接收到確認(rèn)上傳請(qǐng)求時(shí)，第一頁面可以依據(jù)服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取所述待上傳圖片，并對(duì)所述待上傳圖片進(jìn)行二次驗(yàn)證。當(dāng)?shù)谝豁撁娑悟?yàn)證所述待上傳圖片合法時(shí)，再將圖片相關(guān)信息和服務(wù)器返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至服務(wù)器，保證了上傳的圖片數(shù)據(jù)的準(zhǔn)確性、合法性。

基于前文本申請(qǐng)?zhí)峁┑囊环N圖片數(shù)據(jù)上傳方法，本申請(qǐng)還提供一種圖片數(shù)據(jù)上傳系統(tǒng)，如圖2所示，包括第一頁面100和第二頁面200；其中，所述第一頁面100上創(chuàng)建有一框架110，所述框架110的src屬性中規(guī)定了第二頁面200的地址；

所述第一頁面100在接收到需要上傳圖片的上傳請(qǐng)求時(shí)，依據(jù)所述框架110的src屬性中規(guī)定的第二頁面200的地址，調(diào)取出所述第二頁面200；其中所述上傳請(qǐng)求包括待上傳圖片；

所述第二頁面200接收所述待上傳圖片，并對(duì)所述待上傳圖片進(jìn)行驗(yàn)證；

當(dāng)所述第二頁面200驗(yàn)證所述待上傳圖片合法后，所述第二頁面200將所述待上傳圖片上傳至服務(wù)器300；

所述第一頁面100接收所述服務(wù)器300返回的所述待上傳圖片的存儲(chǔ)地址信息；

所述第一頁面100接收用戶輸入的圖片相關(guān)信息；

當(dāng)所述第一頁面100接收到確認(rèn)上傳請(qǐng)求時(shí)，將所述圖片相關(guān)信息和所述服務(wù)器300返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器300。

其中優(yōu)選的，所述第一頁面100還用于，依據(jù)接收到的所述服務(wù)器300返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取并顯示所述待上傳圖片。

進(jìn)一步優(yōu)選的，所述第一頁面100還用于，依據(jù)所述服務(wù)器300返回的所述待上傳圖片的存儲(chǔ)地址信息，獲取所述待上傳圖片；對(duì)所述待上傳圖片進(jìn)行再次驗(yàn)證；其中當(dāng)所述待上傳圖片再次驗(yàn)證合法時(shí)，所述第一頁面100將所述圖片相關(guān)信息和所述服務(wù)器300返回的所述待上傳圖片的存儲(chǔ)地址信息一同上傳至所述服務(wù)器300。

本申請(qǐng)中，所述框架110的屬性為隱藏屬性。

所述對(duì)所述待上傳圖片進(jìn)行驗(yàn)證包括：對(duì)所述待上傳圖片的格式、類型、和/或安全性進(jìn)行驗(yàn)證。

需要說明的是，本說明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似的部分互相參見即可。對(duì)于裝置類實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡單，相關(guān)之處參見方法實(shí)施例的部分說明即可。

最后，還需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。

以上對(duì)本申請(qǐng)所提供的一種圖片數(shù)據(jù)上傳方法和系統(tǒng)進(jìn)行了詳細(xì)介紹，本文中應(yīng)用了具體個(gè)例對(duì)本申請(qǐng)的原理及實(shí)施方式進(jìn)行了闡述，以上實(shí)施例的說明只是用于幫助理解本申請(qǐng)的方法及其核心思想；同時(shí)，對(duì)于本領(lǐng)域的一般技術(shù)人員，依據(jù)本申請(qǐng)的思想，在具體實(shí)施方式及應(yīng)用范圍上均會(huì)有改變之處，綜上所述，本說明書內(nèi)容不應(yīng)理解為對(duì)本申請(qǐng)的限制。