1:注冊七牛雲賬號
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 () {
}
});