python-django框架中使用七牛

 

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 () {

    }
});