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.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 绝大多数的人在项目中都充当过炮灰,有的人是全副武装满腔热忱以为背后有高大上的产品做支撑,却不知不觉成在战火连天中成...
    职场如百家阅读 227评论 0 0
  • 1.php压缩图片程序 单纯压缩图片 输出到浏览器 2.php成比例缩放 3.已知链接的图片抓取 4.正则抓取...
    七百年前阅读 345评论 0 0
  • 气虚,常因饮食失调,年老体弱,久病所致,临床表现出脏腑功能衰退的证候。血虚,由于血不足而使脏腑组织失于濡养所表现出...
    ded5c8b65735阅读 501评论 0 0
  • 临摹飞乐鸟动物绘的小熊猫,断断续续画了好多天,今天算是画完了
    cisea阅读 290评论 2 8
  • 住在一个平凡的小村庄 幻想着有一天到城市来打拼 穿着靓丽的西服 戴着名牌的手表 有着一份体面的工作 如果 如果 娶...
    丹丹是个胆小鬼阅读 111评论 0 7