1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 使用vantUI的Uploade组件上传图片 后台获取base64码 如何在后台转换成文件并进行保存?

使用vantUI的Uploade组件上传图片 后台获取base64码 如何在后台转换成文件并进行保存?

时间:2021-12-07 08:34:56

相关推荐

使用vantUI的Uploade组件上传图片 后台获取base64码 如何在后台转换成文件并进行保存?

<van-uploader v-model="fileList" upload-text='正面照' :max-count="1" :after-read="afterRead"/>data() {return {fileList: []}}

fileList是数组,下面举例上传一个图片时fileList打印的值

所以我们真正需要传递给后端的是

fileList[0].content.replace(/^data:image\/\w+;base64,/, '') // replace消除前缀,获取完整的base64码

在后端接收后,这里我使用的是koa搭建的后台

router.post('/put', async (ctx) => {const frontPic = ctx.request.body.frontPicconst dataBuffer = Buffer.from(frontPic, 'base64'); // 存入buffer缓冲区,参考(/api/buffer.html)await fs.writeFile(__dirname+`/../../images/img.png`, dataBuffer, function(err) {if(err){ctx.body = err}});})

成功将图片写入到对应的文件夹img.png

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。