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

最新文章

  1. SwitchButton 开关按钮 的多种实现方式
  2. 【转】Caffe初试(五)视觉层及参数
  3. 如何区分Babel中的stage-0,stage-1,stage-2以及stage-3(二)
  4. Swift 值类型和引用类型
  5. Component creation must be done on Event Dispatch Thread错误解决方法
  6. ED/EP系列7《指令速查表》
  7. Golang连接Oracle数据库
  8. 函数lock_rec_get_first
  9. MySQL5.6 linux源码安装
  10. C++ 命名规范小结
  11. spring 定义自己的标签 学习
  12. [Elasticsearch] 部分匹配 (一) - 前缀查询
  13. 删除style的样式JQuery
  14. lightoj1281快速幂+数学知识
  15. Qt颜色下拉框
  16. Git 分支 (二)合并
  17. vue将网页中的特定部分转成pdf并下载(仅供个人学习记录)
  18. 聊聊JMM
  19. 第27月第25天 clang -rewrite-objc main.m
  20. Python 和 Scikit-Learn

热门文章

  1. ES提高数据压缩的设置——单字段,去掉source和all
  2. Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术——不就是chrome OS吗?
  3. 【HDU 6428】Calculate 莫比乌斯反演+线性筛
  4. python中的单引号,双引号和三双引号的区别
  5. Struts2 - 通过 ActionContext 访问 Web 资源
  6. 【leetcode刷题笔记】Add Two Numbers
  7. mci播放mp3
  8. Mysql 排序null值 排序问题分析
  9. [转]两种高性能I/O设计模式(Reactor/Proactor)的比较
  10. JS性能之滚动条之外的其他部分