前端页面上传文件到七牛云

使用场景：pc端上传图片和视频文件到七牛云，视频显上传进度条

参考七牛云JavaScript SDK：https://developer.qiniu.com/kodo/sdk/1283/javascript

1.安装

npm install qiniu-js

2.页面引入

import * as qiniu from "qiniu-js";

3.主要代码

var token = "xxxxx";//上传验证信息，前端通过接口请求后端获得
var putExtra = {
  fname: "",//文件原文件名
  params: {},//用来放置自定义变量
  mimeType: ["image/png"]//null || array，限定上传文件类型，null时自动判断文件类型。
};

var config = {
    shouldUseQiniuFileName: false,
    region: null
};
var observable = qiniu.upload(
	file,//Blob 对象，上传的文件
	key,//文件资源名
	token,
	putExtra,
	config
);
var observer = {
  next(res){
    // 接收上传进度信息
  },
  error(err){
    //上传错误后触发
  }, 
  complete(res){
    // 接收上传完成后的后端返回信息
  }
}
var subscription = observable.subscribe(observer) // 上传开始