Upload mutilpe files to PHP, AJAX from HTML to PHP.

In client side:

HTML:

<form id="FILEFORM" enctype="multipart/form-data">
    <input id="FILE" name="ADDFILE[]" type="file" onchange={this.handleFiles} multiple/>
</form>

The magic key here is to set the name "ADDFILE[]". Without "[]", the PHP side will only receive single file.
Also we need to add multiple to <input>.

Javascript:

var formData = new FormData($('#FILEFORM')[0]);
/* equivalent to above code. But in this way we can rename file names for ever files we selected.
var formData = new FormData();
$.each( $('#FILEFORM').find('input')[0].files, function( i, file ){
    formData.append('ADDFILE', file );
});
*/
$.ajax({
    url: 'mod.php',  //Server script to process data
    type: 'POST',
    data: formData,
    cache: false,
    contentType: false,
    processData: false //dont process since it's formdata.
})

$('#FILEFORM')[0] means get the original javascript DOM with Jquery because we need it for formData.

PHP:

$total = count( $_FILES['ADDFILE']['name'] );
for ( $i = 0; $i < $total; $i ++ )
{
    ... // process data..
}

The key here is to get the file with name ADDFILE which we defined in HTML <input> attr name.

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 絕大多數的人在項目中都充當過炮灰,有的人是全副武裝滿腔熱忱以為背后有高大上的產品做支撐,卻不知不覺成在戰火連天中成...
    職場如百家閱讀 238評論 0 0
  • 1.php壓縮圖片程序 單純壓縮圖片 輸出到瀏覽器 2.php成比例縮放 3.已知鏈接的圖片抓取 4.正則抓取...
    七百年前閱讀 346評論 0 0
  • 氣虛,常因飲食失調,年老體弱,久病所致,臨床表現出臟腑功能衰退的證候。血虛,由于血不足而使臟腑組織失于濡養所表現出...
    ded5c8b65735閱讀 510評論 0 0
  • 臨摹飛樂鳥動物繪的小熊貓,斷斷續續畫了好多天,今天算是畫完了
    cisea閱讀 290評論 2 8
  • 住在一個平凡的小村莊 幻想著有一天到城市來打拼 穿著靚麗的西服 戴著名牌的手表 有著一份體面的工作 如果 如果 娶...
    丹丹是個膽小鬼閱讀 112評論 0 7