mui 的多图片上传

Posted yuanxinru321

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui 的多图片上传相关的知识,希望对你有一定的参考价值。

    pickHead(){
      var _this = this;
      plus.gallery.pick(function(path){
        _this.headImage=path;
        var files = [{name:"imgUpload",path:path}]
        var wt=plus.nativeUI.showWaiting();
        var task=plus.uploader.createUpload(url,{method:"POST"},
          function(t,status){
            console.log(t.responseText)
            wt.close();
            if(status==200){
              var r = JSON.parse( t.responseText );
              if(r.code==200){
                _this.userInfor.headImage = r.data;
              }else{
                return
              }
            }else{
              mui.toast(‘网络请求失败!‘)
            }
          }
        );
        task.addData("client","plus");
        task.addData("uid",Math.floor( Math.random()*100000000+10000000).toString());
        for(var i=0;i<files.length;i++){
          var f=files[i];
          task.addFile(f.path,{key:f.name});
        }
        task.start();
 
      }, function(e){
        mui.toast(‘取消选择图片‘);
      }, {filter:‘image‘});
    }

 

以上是关于mui 的多图片上传的主要内容,如果未能解决你的问题,请参考以下文章

mui上传图片

mui 获取本地的图片的绝对路径本,上传到OSS上

MUI 图片上传剪切预览,可选(拍照+系统相册)

MUI 图片+数据 上传解决方案

获得mui-upload上传行数

HTML5 MUI 手机预览图片,裁剪上传base64,保存数据库