upnNetRes 上传网络文件

return: Promise

使用指南

全局使用 (推荐)

//main.js
import rup  from '@/common/request/request-upFiles.js';    //文件路径请换成本地路径
rup.defaultUp.url='https://www.easy-mock.com/mock/5ca6ec41215a7b66ff10343d/'
rup.defaultUp.baseData = { //设置公共参数，默认为空，设置此参数后每次发送请求都会带上此参数
    token: '000-000-000-000-defaultUp'
}
rup.defaultFile.upOpenDown=true;    //打开下载开关
Vue.prototype.$rup = rup;   //挂载到原型上

局部使用

import rup  from '@/common/request/request-upFiles.js';
rup.defaultUp.url='https://www.easy-mock.com/mock/5ca6ec41215a7b66ff10343d/'
rup.defaultFile.upOpenDown=true;    //打开下载开关
const res = await rup.upnNetRes({
    netPath:['https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=421118981,56990953&fm=27&gp=0.jpg'],
    upPath:'example/upload',
    files:['image'],   //服务端用于接收图片的名称
    title: '正在上传',  //显示上传的提示
}) 
console.log(res);

代码演示

1.简单使用

const res = await this.$rup.upnNetRes({
     netPath:['https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=421118981,56990953&fm=27&gp=0.jpg'],
    upPath: 'example/upload',       //换成自己的路径
    files：['image'],   //服务端用于接收图片的名称
});
console.log(res);

2.带上传提示

const res = await this.$rup.upnNetRes({
     netPath:['https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=421118981,56990953&fm=27&gp=0.jpg'],
    upPath: 'example/upload',       //换成自己的路径
    files:['image'],   //服务端用于接收图片的名称
    title: '正在上传',  
});
console.log(res);

3.批量上传网络文件

const res = await this.$rup.upnNetRes({
     netPath:['https://img.alicdn.com/imgextra/i3/117331861/TB24K.sayMnBKNjSZFCXXX0KFXa_!!0-saturn_solar.jpg_180x180.jpg','https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=421118981,56990953&fm=27&gp=0.jpg'],
    upPath: 'example/upload',       //换成自己的路径
    files:['image0','image1'],   //服务端用于接收图片的名称
    title: '正在上传',  
});
console.log(res);

4.携带额外表单参数

const res = await this.$rup.upnNetRes({
     netPath:['https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=421118981,56990953&fm=27&gp=0.jpg'],
    upPath: 'example/upload',       //换成自己的路径
    files:['image'],   //服务端用于接收图片的名称
    title: '正在上传', 
    extra:{
        name:'hhyang',
        ages:21
    },
});
console.log(res);

5.上传拦截示例

const res = await this.$rup.upnNetRes({
     netPath:['https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=421118981,56990953&fm=27&gp=0.jpg'],
    upPath: 'example/upload',       //换成自己的路径
    files:['image'],   //服务端用于接收图片的名称
    title: '正在上传', 
    abort:(info,bt)=>{
        if(info.args.index==0){
            bt.abort();
        }
    },
});
console.log(res);

upnNetRes参数