美文网首页
vue 七牛文件上传,使用 记录

vue 七牛文件上传,使用 记录

作者: IssunRadiance | 来源:发表于2020-07-22 22:57 被阅读0次

首先 npm 安装依赖 :  npm install qiniu

然后在需要引用的页面中引入一下:import * as qiniu from 'qiniu-js'

页面上的样式就不说了,直接上代码图片:

uploadToken()是获取token的接口

上传时,需要从后台获取一个token(朝后端要哈哈),我的接口返回格式如下:

其实图片的访问地址就是  domain+key

config中的region代表的是区域:

        qiniu.region.z0: 代表华东区域

        qiniu.region.z1: 代表华北区域

        qiniu.region.z2: 代表华南区域

        qiniu.region.na0: 代表北美区域

        qiniu.region.as0: 代表新加坡区域

subscribe中的有三个参数(next, error, complete)

next:上传进度

error:失败报错信息

complete:成功回调函数

相关文章

网友评论

      本文标题:vue 七牛文件上传,使用 记录

      本文链接:https://www.haomeiwen.com/subject/kmlxlktx.html