ajaxFile 上传文件方法

return: Promise

使用指南

全局使用 (推荐)

//main.jsimport {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

详细

ajaxFile参数