html5批量上传文档,mui HTML5plus 批量上传文件

1.客户端 js

function gallery(){

plus.gallery.pick(

function(paths){

plus.nativeUI.showWaiting();

var task = null;

task = plus.uploader.createUpload(

'http://mui.ngrok.cc/mui/index.php',

{ method:"POST",priority:100},

function (t,status){

plus.nativeUI.closeWaiting();

console.log(t.responseText);

mui.toast('上传成功');

}

);

for(i in paths.files){

task.addFile(paths.files[i],{key:'uper'+i,'name':paths.files[i].substr(paths.files[i].lastIndexOf('/'))});

}

task.start();

},

function(e){mui.toast('取消了选择');},{multiple:true,maximum:5}

);

}

2.服务端 –PHP版本

if($_SERVER['REQUEST_METHOD']=='POST'){

$fs=array();

foreach ( $_FILES as $name=>$file ) {

if(move_uploaded_file($file['tmp_name'],$file['name'])){

$fs[$name]=array('name'=>$name,'url'=>$file['name'],'type'=>$file['type'],'size'=>$file['size']);

}else{

$fs[$name]=array('name'=>$name,'url'=>'error','type'=>$file['type'],'size'=>$file['size']);

}

}

echo json_encode($fs);

}?>

本文同步分享在 博客“zy1281539626”(优快云)。

如有侵权，请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。