1:注册七牛云账号
https://www.qiniu.com/
js文件 链接:https://pan.baidu.com/s/1BW1svHqEsXrrTNtRobKkpg 提取码:ixta
2:进行实名认证
3:在项目中安装模块(进入虚拟环境中安装)
pip install qiniu
4:创建连接信息
4-1:在七牛云上面创建存储空间
4-2:创建连接信息 qiniu_info.py 内容如下:
5:创建后台获取tokon方法
# 配置添加路由
urlpatterns = [
path('token/', views.UploadToken.as_view(), name='upload_token'), # 七牛云上传图片需要调用token
]
6 前端js上传
// ================== 上传至七牛(云存储平台) ================
let $progressBar = $(".progress-bar");
QINIU.upload({
"domain": "", // 自己的七牛空间域名
"uptoken_url": "/admin/token/", // 后台返回 token的地址
"browse_btn": "upload-btn", // 按钮
"success": function (up, file, info) { // 成功
let domain = up.getOption('domain');
let res = JSON.parse(info);
let filePath = domain + res.key;
console.log(filePath);
},
"error": function (up, err, errTip) {
// console.log('error');
console.log(up);
console.log(err);
console.log(errTip);
// console.log('error');
message.showError(errTip);
},
"progress": function (up, file) {
console.log(up);
console.log(file);
},
"complete": function () {
}
});