mui HTML5plus 批量上传文件

最新推荐文章于 2021-08-06 12:44:38 发布

优小U

最新推荐文章于 2021-08-06 12:44:38 发布

阅读量6.3k

点赞数 4

分类专栏：移动开发文章标签： mui 批量上传批量上传图片

本文为博主原创文章，未经博主允许不得转载，违者必究。

本文链接：https://blog.csdn.net/zy1281539626/article/details/72797234

版权

移动开发专栏收录该内容

29 篇文章 1 订阅

订阅专栏

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版本

  <?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); 
}?>