大家好,欢迎来到IT知识分享网。
一:什么是七牛云?
七牛云是国内知名的云计算及数据服务提供商
主要提供了现在网络上占据百分之就是打非结构化数据,也就是图片,音频,视频的云存储服务
二:七牛云的使用:
1.注册账号
2.绑定邮箱
3.实名认证(必须进行)
4.创建一个存储空间
5.查看自己的密钥
三:七牛云实现上传图片到存储空间
1.后端代码(这里采用Django)
from qiniu import Auth # 需要填写你的 Access Key 和 Secret Key access_key = 'hmv--oUg0_UbsrqVRfYkpmmSa1b_bv' secret_key = '9tW8bwz3VQonIUbpp8rayHZTv_oZGIrh'
# 构建鉴权对象 def qn_token(): q = Auth(access_key, secret_key) # 要上传的空间,你的存储空间 bucket_name = 'laufing' # 生成上传 Token token = q.upload_token(bucket_name) return token
2.前端代码(Vue)
//上传的配置, 注意上传的地址要是自己的服务区的地址 <el-upload action="http://up-z2.qiniu.com/" :on-success="uploadSuccess" :data="upload_data" :before-upload="beforeUpload" :on-error="uploadError" :auto-upload="true" > //上传之前, 获取七牛token beforeUpload(file){ console.log("上传之前:", file) // 获取上传七牛云的token this.get_token() }, // 获取七牛云上传的token get_token() { this.axios .get(cons.apis + "/goods/get_token/", { headers: { Authorization: "JWT " + token, }, responseType: "json", }) .then((dat) => { console.log("获取七牛云的token:", dat); this.upload_data.token = dat.data.token; }) .catch((err) => { console.log(err.response); }); }, // 上传成功触发的方法 uploadSuccess(res, files) { console.log("上传图片成功的响应:", res) // 上传的文件对象 console.log("上传的文件:", files) // 拼接图片地址 this.PicturesForm.image = "http://ra6rclc1p.hn-bkt.clouddn.com/" + res.data.key }, // 上传图片失败的函数 uploadError(err) { console.log("上传图片失败:", err); },
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/131880.html