[PHP] php異步上傳文件

原理:
借用隱藏的iframe來實(shí)現(xiàn)異步上傳

1. 客戶端

//1.php
<!doctype html>
<div>
    <iframe name=targetIframe></iframe>
    <form 
        id=uploadForm
        method=post 
        action=2.php 
        enctype=multipart/form-data 
        target=targetIframe>
            <input type=file name=file />
    </form>
    
    <input id=upload type=button value=upload />
    <script>
        document.querySelector('#upload').onclick=function(){
            document.querySelector('#uploadForm').submit();
        };
    </script>
</div>

注意:
(1)form.method=post
(2)form.enctype=multipart/form-data
(3)form.target=iframe.name
這里是借用了一個(gè)iframe來顯示form.action頁面维咸,
即表單提交后iframe.src= form.action
如果不設(shè)置的話蒋譬,會(huì)在當(dāng)前頁面顯示form.action从诲。

2. 服務(wù)器端

//2.php
<?php
    $fileName=$_FILES["file"]["name"];
    $originFilePath=$_FILES["file"]["tmp_name"];
    $targetFilePath="uploadfiles/".time().$fileName;
    
    $result=move_uploaded_file($originFilePath,$targetFilePath);
    
    echo $result?"Success":"Failed";
?>

注意:
(1)文件首先上傳到服務(wù)器的臨時(shí)地址溅潜,然后使用move_uploaded_file拷貝到目標(biāo)地址
(2)$_FILES["file"]中的file肛走,是表單元素<input type=file name=file />name屬性值
(3)$_FILES["file"]["name"];$_FILES["file"]["tmp_name"];中的nametmp_name慢蜓,
$_FILES["file"]的內(nèi)置屬性毁嗦,分別表示原文件名和在服務(wù)器上的臨時(shí)地址卵蛉。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末瓜挽,一起剝皮案震驚了整個(gè)濱河市盹廷,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌久橙,老刑警劉巖俄占,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件管怠,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡缸榄,警方通過查閱死者的電腦和手機(jī)渤弛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來碰凶,“玉大人暮芭,你說我怎么就攤上這事∮停” “怎么了辕宏?”我有些...
    開封第一講書人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)砾莱。 經(jīng)常有香客問我瑞筐,道長(zhǎng),這世上最難降的妖魔是什么腊瑟? 我笑而不...
    開封第一講書人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任聚假,我火速辦了婚禮,結(jié)果婚禮上闰非,老公的妹妹穿的比我還像新娘膘格。我一直安慰自己,他們只是感情好财松,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開白布瘪贱。 她就那樣靜靜地躺著,像睡著了一般辆毡。 火紅的嫁衣襯著肌膚如雪菜秦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,604評(píng)論 1 305
  • 那天舶掖,我揣著相機(jī)與錄音球昨,去河邊找鬼。 笑死眨攘,一個(gè)胖子當(dāng)著我的面吹牛主慰,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播鲫售,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼河哑,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了龟虎?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤沙庐,失蹤者是張志新(化名)和其女友劉穎鲤妥,沒想到半個(gè)月后佳吞,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡棉安,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年底扳,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贡耽。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡衷模,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蒲赂,到底是詐尸還是另有隱情阱冶,我是刑警寧澤,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布滥嘴,位于F島的核電站木蹬,受9級(jí)特大地震影響绽昏,放射性物質(zhì)發(fā)生泄漏庆揩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一团秽、第九天 我趴在偏房一處隱蔽的房頂上張望走触。 院中可真熱鬧晦譬,春花似錦、人聲如沸互广。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽兜辞。三九已至迎瞧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間逸吵,已是汗流浹背凶硅。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扫皱,地道東北人足绅。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像韩脑,于是被迫代替她去往敵國(guó)和親氢妈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理段多,服務(wù)發(fā)現(xiàn)首量,斷路器,智...
    卡卡羅2017閱讀 134,657評(píng)論 18 139
  • 眾所周知,文件上傳在一些網(wǎng)站應(yīng)用中是必不可少的一部分加缘。比如個(gè)人博客上傳個(gè)性頭像鸭叙,一些論壇分享好的學(xué)習(xí)資料等,這就涉...
    liuboxx1閱讀 652評(píng)論 0 0
  • 一拣宏、表單簡(jiǎn)介 GET所有表單輸入的數(shù)據(jù)被加載到請(qǐng)求的URL地址后面沈贝;如:test.php?username=fre...
    XZ陽光小熊閱讀 1,038評(píng)論 0 1
  • 昏暗的辦公室里,只有絲許陽光透過半開的百葉窗的縫隙流入房間勋乾,這是保密局長(zhǎng)辦公室宋下。 保密局,這個(gè)國(guó)家最具勢(shì)力...
    favourlove閱讀 305評(píng)論 0 1
  • 摸著胸口辑莫, 感受心的跳動(dòng)学歧。 它如同火焰在翻滾。 它在跳動(dòng)摆昧,它在咆哮撩满, 它的聲音 ,太小太小绅你。 我們會(huì)恐懼伺帘,而心會(huì)帶...
    古澤平雨閱讀 254評(píng)論 1 0