這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎么在PHP中利用iFrame實(shí)現(xiàn)一個(gè)異步文件上傳功能，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、懷遠(yuǎn)網(wǎng)絡(luò)推廣、小程序制作、懷遠(yuǎn)網(wǎng)絡(luò)營(yíng)銷、懷遠(yuǎn)企業(yè)策劃、懷遠(yuǎn)品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供懷遠(yuǎn)建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

具體分析如下：

說(shuō)到iframe，現(xiàn)在用它的人是越來(lái)越少了，并且很多人都相信它應(yīng)該被AJAX所取代，的確如此，因?yàn)锳JAX太出色了。

不過(guò)有一種情況的實(shí)現(xiàn)我還是選擇了iframe，這就是本文要說(shuō)的文件的異步上傳，感興趣的可以試試，如果用原生的AJAX來(lái)實(shí)現(xiàn)應(yīng)該是要復(fù)雜的多。

先來(lái)給初學(xué)者補(bǔ)補(bǔ)基礎(chǔ)知識(shí)：

1. 在iframe標(biāo)簽一般會(huì)指定其name特性以于標(biāo)識(shí)；
2. 在form表單中通過(guò)action(目標(biāo)地址)和target(目標(biāo)窗口，默認(rèn)為_(kāi)self)來(lái)確定提交的目的地；
3. 將form中的target指向iframe的name，則可將表單提交到了隱藏框架iframe中；
4. iframe里的內(nèi)容實(shí)際上也是一個(gè)頁(yè)面，其中的js里的parent對(duì)象指代父頁(yè)面，即嵌入iframe的頁(yè)面；
5. PHP中用move_uploaded_file()函數(shù)來(lái)實(shí)現(xiàn)文件上傳，$_FILES數(shù)組存儲(chǔ)有上傳文件的相關(guān)信息。

本文實(shí)現(xiàn)的是一個(gè)用戶選擇了頭像文件后立刻上傳并顯示在頁(yè)面上的例子，廢話不多說(shuō)，思路是這樣的：

1. 在表單中嵌入一個(gè)iframe，設(shè)定好name特性值；
2. 在選擇文件上傳的控件的值改變時(shí)觸發(fā)一個(gè)js函數(shù)，該函數(shù)將表單提交至iframe，而iframe內(nèi)嵌的頁(yè)面用來(lái)處理文件上傳；
3. 在iframe中完成了文件上傳之后，在js中通過(guò)parent來(lái)操作父頁(yè)面，在特定的標(biāo)簽內(nèi)顯示圖片，并將圖片的保存地址賦給一個(gè)隱藏域；
4. 回到原來(lái)的頁(yè)面，現(xiàn)在既完成了文件的上傳，也在隱藏域內(nèi)記錄了文件的路徑，整個(gè)過(guò)程沒(méi)有刷新頁(yè)面；
5. 最后用戶只需提交原來(lái)的頁(yè)面時(shí)重置表單的action和target屬性的值即可。

下面是效果截圖和實(shí)現(xiàn)的代碼：

upload.php頁(yè)面如下:

 
 
 
 
 
 
 
iFrame異步文件上傳
 
 
  用戶名:  
  上傳頭像:  
   
   
  

 
 
 
')">