图片上传流程:1.创建七牛云存储空间2.后台创建token3.前端携带后台获取的token上传图片到七牛云.返回src并将其保存到数据库中。1、创建七牛云存储空间,您需要先注册一个账号并通过验证。创建完成后可以得到一对密钥,在文件管理页面可以得到一个外部链接地址。key是服务端用来生成token用的,外部链接是给前端用的。2.在后台创建token。这里使用的nodejs的koa框架封装成一个接口getToken.js。要在路由中使用,当然要先安装七牛npminstallqiniuserver代码:constrouter=require('koa-router')()constqiniu=require('qiniu')constaccessKey="xxx"//之前获取的keyconstsecretKey="xxx"constbucket="xxx"//空间名router.get('/',async(ctx)=>{letmac=newqiniu.auth.digest.Mac(accessKey,secretKey);letoptions={scope:bucket,expires:3600*2//token过期时间2小时};letputPolicy=newqiniu.rs.PutPolicy(options);letuploadToken=putPolicy.uploadToken(mac);if(uploadToken){ctx.body=uploadToken}else{ctx.body='err'}})module.exports=routerfrontend代码也被封装到一个组件中,因为两者新建都需要使用同一个父组件和修改,所以当不是new的时候,父组件必须给子组件传值。注意不要直接给src属性赋值props,因为重传需要重新赋值,直接改props的值会有警告。前端代码,uploadimage.js:
