1:註冊七牛雲帳號前端
js文件 連接:https://pan.baidu.com/s/1BW1svHqEsXrrTNtRobKkpg 提取碼:ixta dom
2:進行實名認證url
3:在項目中安裝模塊(進入虛擬環境中安裝)3d
pip install qiniu
4:建立鏈接信息 blog
4-1:在七牛雲上面建立存儲空間token
4-2:建立鏈接信息 qiniu_info.py 內容以下:圖片
5:建立後臺獲取tokon方法ip
# 配置添加路由
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 () { }});