微信小程序，引用vant-weapp库，上传组件uploader，支持多选

wxml部分

<van-uploader file-list="{{ picture_list }}" preview-full-image="{{false}}" max-size="2048000" max-count="9" multiple="{{true}}" bind:after-read="afterRead" bind:delete="deleteImg" />

js部分

afterRead:function(event) {

const { file } = eventdetail;

    // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式

    var obj={}

objpath=file;

    thisuploadimg(obj);

},

uploadimg:function(data) {

wxshowLoading({

title:'上传中',

        mask:true,

    })

var that =this,

        i = datai datai :0,

        success = datasuccess datasuccess :0,

        fail = datafail datafail :0;

    let userInfo=wxgetStorageSync('userInfo');

    let peopleId=userInfopeopleId;

    var picture_list = thatdatapicture_list;

    wxuploadFile({

url: baseUrl +'impl/uploadImg',

        filePath: datapath[i]path,

        name:'file',

        formData: {

'type':1,

            'peopleId':peopleId,

        },

        success: (res) => {

wxhideLoading();

            success++;

            let obj =  JSONparse(resdata)data;

            if(objhasOwnProperty('url')){

picture_listpush({

url:objurl,

                    id:objid

                });

                thatsetData({

picture_list

})

}

},

        fail: (err) => {

wxhideLoading();

            wxshowToast({

title:'上传失败!',

                icon:'none'

            })

fail++;

        },

        complete: () => {

i++;

            if (i == datapathlength) {//当传完时，停止调用

            }else {//若还没有传完，则继续调用函数

                datai = i;

                datasuccess = success;

                datafail = fail;

                thatuploadimg(data);//递归，回调自己

            }

}

});

},

deleteImg(e) {

let index=edetailindex;

    consolelog(index);

    let {picture_list}=thisdata;

    let that=this;

    wxshowModal({

content:'确定删除？',

        success: (res) => {

if (resconfirm) {

picture_listsplice(index,1);

                thatsetData({

picture_list

                })

consolelog(thatdatapicture_list);

            }else if (rescancel) {

consolelog('用户点击取消')

}

},

    })

},

wxuploadFile({

      url: '>

第一步：获取七牛云token，这步 *** 作很简单，请求七牛云接口即可

getUpToken: function() {

    var url = "resource/getUpToken"

    var header = {

      token : wxgetStorageSync("token")

    }

    var that = this

    networkrequestLoading(url,"",header,"",function(data){

      consolelog(data)

      thatsetData({

        up_token : datadata

      })

    },function(){

    })

  },

第二步：利用upfile API上传文件

wxuploadFile({

              formData:{token:thatdataup_token}, //这里是请求头部分

              url: 'url',

              filePath: tempFilePaths[i],

              name:"file",

              success:function(data) {

                var res = JSONparse(datadata)

                var image_keys = thatdataimage_keysconcat(reskey)

              }

            })

1、首先在电脑中打开文件上传工具，然后在软件页面中，点击菜单栏 新建图标。

2、然后在打开的窗口中，填写ip、账号、密码，点击连接，如下图所示。

3、接着在打开的窗口中，选中本地文件或者，如下图所示。

4、然后将文件直接拖拽到服务器内（如图所示）。

5、完成文件上传，如下图所示就完成了，这样就传输到自己的服务器中了。

以上就是关于微信小程序，引用vant-weapp库，上传组件uploader，支持多选全部的内容，包括:微信小程序，引用vant-weapp库，上传组件uploader，支持多选、微信小程序 wx.uploadFile使用、小程序上传文件到七牛云等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！