ajaxFile 上传文件方法

return: Promise

使用指南

全局使用 (推荐)

//main.js
import {req} from './common/request/request.js'; //文件路径请换成本地路径
req.baseuUrl = 'https://www.easy-mock.com/mock/5ca6ec41215a7b66ff10343d/'       //设置公共请求前面部分，全局生效
//或者这样
req.defaultUp.url='https://www.easy-mock.com/mock/5ca6ec41215a7b66ff10343d/' //只针对于上传接口
req.defaultUp.baseData={    //设置公共参数，默认为空，设置此参数后每次发送请求都会带上此参数
    token:'000-000-000-000-defaultUp'
}
Vue.prototype.$req = req;   //挂载到原型上

局部使用

import {req} from './common/request/request.js';
const res = await req.ajaxFile({
    path: "https://www.easy-mock.com/mock/5ca6ec41215a7b66ff10343d/example/upload",
    title:'正在上传'，
    filePath:'' //文件临时路径，或者永久路径
    fileName:'' //需要上传的文件名
})

注意事项

此方法只能一次上传一个，如果需要批量上传则调用startUpFiles方法。

代码演示

1.简单使用

const res = await req.ajaxFile({
    path: "example/upload",
    filePath:'' //文件临时路径，或者永久路径
    fileName:'' //需要上传的文件名
})

2.带上传提示

const res = await req.ajaxFile({
    path: "example/upload",
    title:'正在上传',
    filePath:'' //文件临时路径，或者永久路径
    fileName:'' //需要上传的文件名
})

3.带额外参数上传

const res = await req.ajaxFile({
    path: "example/upload",
    title:'正在上传',
    filePath:'' //文件临时路径，或者永久路径
    fileName:'' //需要上传的文件名
    extra:{
        name:'hhyang'
    }
})

4.单个上传文件带拦截

const res = await req.ajaxFile({
    path: "example/upload",
    title:'正在上传',
    filePath:'' //文件临时路径，或者永久路径
    fileName:'' //需要上传的文件名
    abort:bt=>{
        bt.abort(); //拦截此次上传
    },
    extra:{
        name:'hhyang'
    }
})

5.捕捉请求错误

try{
const res = await req.ajaxFile({
    path: "example/upload",
    title:'正在上传',
    filePath:'' //文件临时路径，或者永久路径
    fileName:'' //需要上传的文件名
    abort:bt=>{
        bt.abort(); //拦截此次上传
    },
    extra:{
        name:'hhyang'
    }
})
}catch(e){
    console.log(e); //请求发生了错误
}

6.自定义header

const res = await req.ajaxFile({
    path: "example/upload",
    title:'正在上传',
    header:{
        'content-type': 'multipart/form-data;'
    },
    filePath:'' //文件临时路径，或者永久路径
    fileName:'' //需要上传的文件名
    extra:{
        name:'hhyang'
    }
})

全局Options

baseuUrl修改时会生效：上传，下载接口的公共部分。

全局defaultUp

全局defaultUp 设置完成后针对全局有效，ajaxFile方法默认在你没传值的情况下优先采用的全局参数。可以通过向ajaxFile方法传递参数覆盖全局参数详细

ajaxFile参数