首先 npm 安装依赖 : npm install qiniu
然后在需要引用的页面中引入一下:import * as qiniu from 'qiniu-js'
页面上的样式就不说了,直接上代码图片:

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

config中的region代表的是区域:
qiniu.region.z0: 代表华东区域
qiniu.region.z1: 代表华北区域
qiniu.region.z2: 代表华南区域
qiniu.region.na0: 代表北美区域
qiniu.region.as0: 代表新加坡区域
subscribe中的有三个参数(next, error, complete)
next:上传进度
error:失败报错信息
complete:成功回调函数
网友评论