Element 头像上传的实战

本篇文章用到 element官网 和 七牛云官网

element-ui 官网：https://element.eleme.io/#/zh-CN

七牛云官网：https://www.qiniu.com/

1.七牛云注册 登录 之后 然后实名认证

2.进入对象存储后 进入空间管理

3.新建空间

在这里就能拿到 cdn测试域名

python SDK 在开发者中心可以查看

使用七牛云 就需要安装他

pip install qiniu

我们使用封装的思想 进行封装使用

文件名：comm.py

# 七牛云
from qiniu import Auth

# 需要填写你的 Access Key 和 Secret Key
access_key = 'Access Key '
secret_key = 'Secret Key'

def qn_token():
    #构建鉴权对象
    q = Auth(access_key, secret_key)
    # 要上传的空间名字
    bucket_name = 'name'
    # 生成上传 Token
    token = q.upload_token(bucket_name)
    return token

获取上传的接口

# 导入封装好的token
from utils.comm import qn_token

#七牛云获取token接口
class GetQnToken(APIView):
    def get(self,request):
        token = qn_token()
        return Response({'code':200,'token':token})

配上路由

from django.urls import path
from . import views 


urlpatterns = [
    path('gettoken/',views.GetQnToken.as_view())
]

在vue中下载好 element 之后 就可以使用组件了

用户头像上传

**七牛云的存储对象的地区对应表**
**七牛的一张存储区域表**

| **存储区域** | **区域代码** | 客户端上传地址                    | **服务端上传地址**            |
| ------------ | ------------ | --------------------------------- | ----------------------------- |
| 华东         | ECN          | `http(s)://upload.qiniup.com`     | `http(s)://up.qiniup.com`     |
| 华北         | NCN          | `http(s)://upload-z1.qiniup.com`  | `http(s)://up-z1.qiniup.com`  |
| 华南         | SCN          | `http(s)://upload-z2.qiniup.com`  | `http(s)://up-z2.qiniup.com`  |
| 北美         | NA           | `http(s)://upload-na0.qiniup.com` | `http(s)://up-na0.qiniup.com` |

到此这篇关于Element 头像上传的实战的文章就介绍到这了,更多相关Element 头像上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！