Python3 + Django2.0 集成 “七牛云” 对象存储

（SDK文档地址：http://developer.qiniu.com/kodo/api/3928/error-responses）

步骤1：

　　在七牛云中创建一个 “存储空间”（需要实名认证，每月免费10GB）

步骤2：

　　在 “个人面板” --> “秘钥管理” 中得到：ccessKey/SecretKey

步骤3：　　

　　在django虚拟运行环境中安装 “qiniu” SDK：pip install qiniu

步骤4：使用

　　1> 获取七牛云的 token ：授权码

# 获取七牛云授权 token

def qiniu_token(request):

    # 七牛云授权秘钥（在七牛云中可以得到）

    access_key = settings.UEDITOR_QINIU_ACCESS_KEY

    secret_key = settings.UEDITOR_QINIU_SECRET_KEY

    # 存储对象名称（在七牛云中可以得到）

    bucket_name = settings.UEDITOR_QINIU_BUCKET_NAME

    # 获得七牛云授权对象 q

    q = Auth(access_key,secret_key)

    # 获得一个授权的token

    token = q.upload_token(bucket_name)

    # 将七牛云的授权 token 返回给前端

    # return restful.result(data={'token':token})# 这个是我在项目中集成的通用返回方法

    return JsonResponse({"data":{"token":"token"}})

　　2> js方式上传文件到七牛云：

<!--HTML代码-->
<!-- 引用 qiniu 的js SDK -->
<script src="https://unpkg.com/qiniu-js@2.4.0/dist/qiniu.min.js"></script>
<script scr="自己的js处理文件"></script> 
<body>
　　<div>
　　　　<!-- 将 file 按钮放在 label 标签中，并将 file 按钮隐藏，达到想要的效果，因为 file 类型按钮样式是固定的将他放在label中，点击label标签就相当于点击了 file 文件上传按钮-->
　　　　<label class="btn btn-file btn-default"><input type="file" hidden id="upload_news_file">上传图片</label>
　　<div>
</body>
/*
* js代码
*/

function News(){}

// 上传文件至七牛云中监控上传 进度 处理方式，来自：observable.subscribe()对象

News.prototype.listenQiniuNext = function (response) {

    /*

    * observable 中 subscribe 属性：Next(res)

    * res 参数是一个带有 total 字段的 object，包含loaded、total、percent三个属性：

    *   loaded：已上传文件大小，单位：L字节

    *   total：本次上传的总量控制信息，单位字节，跟文件大小并不一致

    *   percent：当前上传文件的进度，范围：0 - 100

    *

    * **** 要先得到字段 total ：result.total ****

    * */

    var total = response.total;

    // toFixed(index):保留index为小数

    var percent = total.percent.toFixed(0) + "%";

　　console.log("文件上传进度：" + percent

);

// 上传文件至七牛云中监控上传 出错 处理方式，来自：observable.subscribe()对象

News.prototype.listenQiniuError = function (error) {

    /*

    * objservable 中 subscribe 的属性：error(err)

    * 参数 err 为一个包含 code、message、isRequestError 三个属性的 object 对象：

    *   code：错误码

    *   message：错误信息，包含错误吗

    *   reqld：xhr请求错误的 X-Reqid

    * */

    console.log("文件上传出现错误，错误信息：" + error.message);

};


// 上传文件至七牛云中监控上传 完成 处理方式，来自：observable.subscribe()对象

News.prototype.listenQiniuComplete = function (response) {

    /* 接收上传完成后的后端返回信息，res 参数为一个 object，

     * 为上传成功后后端返回的信息，具体返回结构取决于后端sdk的配置，

     * 可参考上传策略。

     * */

    // {hash: "FuAB5QBnVM_CWrw7WGc7jm7LAdyO", key: "1534507254079png"} 默认返回hash与key两个参数

    console.log(response);

};


// 将文件上传到七牛云服务器

News.prototype.listenUpload_news_file_qiniu_Event = function () {

    var self = this;

    var uploadBtn = $('#upload_news_file');

    // 定义一个变量保存文件上传的状态

    var uploading = false;

    // change事件：在选择文件后出发

    uploadBtn.change(function () {

        var file = this.files[0];

        // get请求，可以使用ajax get 请求

        $.get({

　　　　　　　// 这里是服务端处理的视图函数地址

            'url': '/cms/qiniu_token/',

            'success': function (result) {

                if (result['code'] === 200) {

                    // 得到服务端返回的 token 验证信息

                    var token = result['data']['token'];

                    var houzhui = file.name.split('.');

                    // 使用当前时间戳作为文件的key

                    var key = new Date().getTime() + "." + houzhui[houzhui.length - 1];

                    var config = {

                        // 是否使用cdn加速

                        useCdnDomain: true,

                        // 服务器地址：华东，华南......

                        region: qiniu.region.z0,

                        // 如果产生错误，重新上传次数

                        retryCount: 6

                    };

                    var putExtra = {

                        // 上传文件的名称

                        fnName: key,

                        // 文件上传时使用的一些参数

                        params: {},

                        // 限制文件上传的类型

                        mimeType: ["image/png", "image/jepg", "image/gif"]

                    };

                    var observable = qiniu.upload(file, key, token, putExtra, config);

                    /* subscribe对象有三个属性：next，error，complete

                    * */

                    observable.subscribe({

                        /** 如果使用 self.listenQiniuNext() 会报错

                         ** 必须使用 self.listenQiniuNext，因为作为一个参数传递

                         ** 绑定方法后，会改变方法的所属对象，比如绑定后方法不再属于 News，所以无法使用 News 中定义的属性

                         * **/

                        // 文件上传进度监控

                        'next': self.listenQiniuNext,

                        // 文件上传产生错误时触发

                        'error': self.listenQiniuError,

                        // 当文件上传完成时触发

                        'complete': self.listenQiniuComplete

                    });

                }

            }

        });

    });

};

News.prototype.run = function () {

    // 将文件上传到千牛服务器

    this.listenUpload_news_file_qiniu_Event();

};

$(function () {

    var news = new News();

    news.run();

});

　

3> python上传图片到七牛云（在博客 ”django之百度Ueditor富文本编辑器后台集成” 笔记中的文件上传后台处理中有应用）：

# 参数：

# upfile: 文件（前端传过来的文件）

# filename: 文件名

　　def _upload_to_qiniu(self, upfile, filename):

        """

        上传文件到七牛

        """

        if not sys.modules.get('qiniu'):

            raise RuntimeError('没有导入qiniu模块！')
　　　　　# 配置自己的 access_key，secret_key

        q = qiniu.Auth(<UEDITOR_QINIU_ACCESS_KEY>, <UEDITOR_QINIU_SECRET_KEY>)
　　　　 # 配置自己的： 空间名称

        token = q.upload_token(<UEDITOR_QINIU_BUCKET_NAME>)

        buffer = BytesIO()

        for chunk in upfile.chunks():

            buffer.write(chunk)

        buffer.seek(0)

        ret, info = qiniu.put_data(token, filename, buffer.read())

        if info.ok:
　　　　　　　# 配置自己的域名：DOMAIN:http://七牛云的域名/

            url = parse.urljoin(UEDITOR_QINIU_DOMAIN, ret['key'])

            return 'SUCCESS', url, ret['key'], ret['key']

        else:

            return 'FAIL', None, None, None

django之集成七牛云对象存储的更多相关文章

  1. DT添加七牛云对象存储插件功能

    七牛云对象存储  1.注意客户购买的空间的存储区域,区域不同对应的上传域名不同    destoon  七牛云上传文件   用下面源码替换include/ftp.class.php   文件代码 &l ...

  2. 使用FileZilla Pro S3协议访问七牛云对象存储

    偶然发现FileZilla还有Pro版本,主要是比免费版多了一些协议支持,也偶然发现七牛云支持了S3协议接口,这样刚好弥补了其没有FTP的不足,于是找官方文档,折腾一下,使用FileZilla Pro ...

  3. Gin + 七牛云对象存储

    配置七牛云存储 创建存储空间 拿到密钥 安装七牛云对象存储SDK 推荐go.mod安装 // 将下面地址复制到go.mod,然后执行go mod download github.com/qiniu/a ...

  4. 基于七牛云对象存储,搭建一个自己专属的极简Web图床应用(手摸手的注释讲解核心部分的实现原理)

    一个极简的Web图床应用,支持复制粘贴与拖拽上传图片 1.开发缘由 日常使用Vs Code编写markdown笔记与博客文章时,在文章中插入图片时发现非常不便 使用本地文件编写相对路径---没法直接复 ...

  5. 在ThinkPHP框架（5.0.24）下引入Ueditor并实现向七牛云对象存储上传图片同时将图片信息保存到MySQL数据库，同时实现lazyload懒加载

    这是我花了很多天的时间才得以真正实现的一组需求. 文章后面有完整Demo的GitHub链接. 一. 需求描述 1. 应用是基于ThinkPHP5开发的: 2. 服务器环境是LNMP,PHP版本是7.2 ...

  6. 七牛云对象存储kodo使用体验

    在这里,我使用了七牛云的对象存储Kodo,和阿里云的OSS,还有腾讯云的COS是同样的产品 oss相关术语 包依赖关系解决 unrecognized import path "golang. ...

  7. CodeIgniter - 集成七牛云存储

    最近有一个项目需要集成七牛云存储的图片存储和调用功能,程序是基于CodeIgniter2.1.3的PHP框架.刚拿到手完全无从下手的感觉,因为像框架这种东西,想从官方的PHPSDK集成进去,需要改动很 ...

  8. 在 Laravel 5 中集成七牛云存储实现云存储功能

    本扩展包基于https://github.com/qiniu/php-sdk开发,是七牛云储存 Laravel 5 Storage版,通过本扩展包可以在Laravel 5中集成七牛云存储功能.   1 ...

  9. 在 Laravel 5 中集成七牛云存储实现云存储功能（非上传）

    本扩展包基于https://github.com/qiniu/php-sdk开发,是七牛云储存 Laravel 5 Storage版,通过本扩展包可以在Laravel 5中集成七牛云存储功能. 1.安 ...

随机推荐

  1. 【LeetCode】384. Shuffle an Array 解题报告（Python & C++）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 库函数 Fisher–Yates 洗牌 水塘抽样 日 ...

  2. idea使用教程-Module的概念和使用

    一.IDEA页面展示 [1]项目下内容: ➢工程下的src类似于Eclipse下的src目录,用于存放代码.. ➢工程下的.idea 和TestProject.iml文件都是IDEA工程特有的.类似于 ...

  3. centos 各版本下载

    地址: go to http://vault.centos.org/ for packages.

  4. [c++]对vector<T>容器求交集，并集，去重

    #include "iostream" #include "vector" #include "algorithm" //sort函数.交并 ...

  5. 剖析Defi之Uinswap_1

    学习UniswapERC20,它是交易对的父合约.UniswapV2ERC20 是流动性代币合约,也称为 LP Token.功能主要实习ERC20代币功能以及对线下签名授权. 1 pragma sol ...

  6. .NET5.0 依赖注入，关于 Autofac 使用

    前置 工具 VS2019 概念 关于以下几个概念,自行百度. 控制反转:IoC(Inversion of Control) 依赖注入: 容器:DI 容器(.NET Core 自带),Autofac(本 ...

  7. 前端在线学习网站W3School

    W3School在线学习网站 http://www.w3school.com.cn/ W3School是因特网上最大的WEB开发者资源,是完全免费的,是非营利性的, 一直在升级和更新,是W3C中国社区 ...

  8. 深入浏览器工作原理和JS引擎（V8引擎为例）

    浏览器工作原理和JS引擎 1.浏览器工作原理 在浏览器中输入查找内容,浏览器是怎样将页面加载出来的?以及JavaScript代码在浏览器中是如何被执行的? 大概流程可观察以下图: 首先,用户在浏览器搜 ...

  9. 『无为则无心』Python函数 — 32、递归

    目录 1.什么叫递归函数 2.递归的应用场景 3.递归的特点 4.应用:3以内数字累加和 5.应用:阶乘 6.总结 1.什么叫递归函数 Python中,在函数内部,可以调用其他函数.如果一个函数在内部 ...

  10. Flask_generate_password_hash的加盐哈希加密算法与check_password_hash的校验

    密码加密简介 密码存储的主要形式: 明文存储:肉眼就可以识别,没有任何安全性. 加密存储:通过一定的变换形式,使得密码原文不易被识别. 密码加密的几类方式: 明文转码加密算法:BASE64, 7BIT ...