前端 js 使用axios上传文件至七牛云
首先在后端配置好七牛云的配置,前端调请求从后端获取上传token/*** 获取意见反馈七牛云上传凭证*/export const getToken=()=>{return axios.request({url: 'api/getToken',method: 'post',})}然后在前端上传文件后,对字节流进行处理/*** 将字节流切掉头部* @param img* @returns {St
·
首先在后端配置好七牛云的配置,前端调请求从后端获取上传token
/**
* 获取意见反馈七牛云上传凭证
*/
export const getToken=()=>{
return axios.request({
url: 'api/getToken',
method: 'post',
})
}
然后在前端上传文件后,对字节流进行处理
/**
* 将字节流切掉头部
* @param img
* @returns {String}
*/
subBase64(img) {
return img.substring(img.indexOf(",") + 1)
}
将字节流和token作为参数上传至七牛云
export const upload = (img,token) => {
return axios.request({
url: 'https://upload.qiniup.com/putb64/-1',
method: 'post',
headers: {
'Authorization' : "UpToken " + token
},
data:img
})
}
最后拼接上自己的域名即可
upload(_.subBase64(img), token).then(rsp=>{
imageList.push( url +rsp.data.key)
})
更多推荐
已为社区贡献5条内容
所有评论(0)