python-django框架中使用七牛云

 

1:注册七牛云账号

       https://www.qiniu.com/

  js文件 链接:https://pan.baidu.com/s/1BW1svHqEsXrrTNtRobKkpg  提取码:ixta  

2:进行实名认证

3:在项目中安装模块(进入虚拟环境中安装)

pip install qiniu

  python-django框架中使用七牛云_第1张图片

4:创建连接信息 

4-1:在七牛云上面创建存储空间

python-django框架中使用七牛云_第2张图片

python-django框架中使用七牛云_第3张图片

 

 python-django框架中使用七牛云_第4张图片

 

 4-2:创建连接信息 qiniu_info.py 内容如下:

python-django框架中使用七牛云_第5张图片

python-django框架中使用七牛云_第6张图片

5:创建后台获取tokon方法

 python-django框架中使用七牛云_第7张图片

 

# 配置添加路由 
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 () {

}
});

 

转载于:https://www.cnblogs.com/wendj/p/11002966.html

你可能感兴趣的:(python-django框架中使用七牛云)