首先在后端配置好七牛云的配置,前端调请求从后端获取上传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)
})
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐