selectFiles 选择本地相册文件并上传

return: Promise

使用指南

全局使用 (推荐)

//main.js
import rup  from '@/common/request/request-upFiles.js';    //文件路径请换成本地路径
Vue.prototype.$rup = rup;   //挂载到原型上

局部使用

import rup  from '@/common/request/request-upFiles.js';
const res = await rup.selectFiles({     //选择一张图片并上传
        type:0,
        upload: {
            path: 'example/upload',
            files: ['image'],
        },
})
console.log(res);

注意事项

selectFiles方法是 AppSelectFiles和otherSelectFiles的封装，自动识别是小程序、H5、APP。这三个方法使用都大同小异。如果自己有需要则可以直接明确的选择方法调用。在功能上APP可以直接从相册选择视频或图片，其他端均与官方API相同。

代码演示

1.简单使用

const res = await this.$rup.selectFiles({
    type:0,     //运行选择两张图片同上上传到example/upload接口
    maximum: 2,
    upload: {
        path: 'example/upload',
        files: ['image0','image1'],
    },
})
console.log(res);

2.单纯仅选择文件

const res = await this.$rup.selectFiles({
    type:0,     
    maximum: 2,
    isUp:false
})
console.log(res);

3.选择指定格式的文件

const res = await this.$rup.selectFiles({
    maximum: 2,
    isUp:false
    sizeType:['original'],
    sourceType:['album']
})
console.log(res);

4.基本功能完整使用示例

const res = await this.$rup.selectFiles({
    type:1,
    maximum: 2,
    upload: {
        path: 'example/upload',
        files: ['image'],
        title: '正在上传',
        abort:(info,bt)=>{
            if(info.args.index==0){
                bt.abort();
            }
        },
        extra:{
            name:'我是你爸爸',
            ages:21
        },
        username:'hhyang'
    },
})
console.log(res)

selectFiles参数