js canvas转base64编码图片不全
各位大神好
我现在的需求是,选择图片,转成base64编码,上传到服务器
思路是用canvas,选择本地图片后,画到canvas上,然后通过canvas获取base64编码
代码如下:
document.choose('image',function(err,uri){
let ctx = that.$element('drawImage').getContext('2d');
let img = new Image();
img.src = uri;
img.onload = function() {
console.log('Image load success');
ctx.drawImage(img, 0, 0, 320, 250);
}
}).then(function(data){
console.log(data)
})
然后转base64部分
let el =this.$refs.canvas;
let base = el.toDataURL('image/png');
console.log(base)
然后我是远程模拟器上测试的,为了测试,我现在模拟器里通过相机拍了一张照片
然后选择图片后,模拟器上显示如下
但是上传到服务器里,通过base64编码还原的图片如下
两者就不一样…… 感觉是不全,我本来想用手机真机测试的,结果手机上选择文件时,一点图片就自动退回桌面了……
求解
js
图片
canvas
赞
1
收藏 0
回答 1
待解决
相关问题
怎么把PixelMap图片转BASE64
6643浏览 • 1回复 待解决
如何base64转换成图片?
6929浏览 • 2回复 待解决
DevEco使用js开发如何将视频转码为base64或者blob呢
2155浏览 • 1回复 待解决
Base64图片要通过JSON传输,涉及编解码。请问下有没有什么接口可以做到。
444浏览 • 1回复 待解决
arkts有类似window.btoa吧二进制字符串转为base64字符串的方法吗?
114浏览 • 1回复 待解决
鸿蒙智能表怎样用js语言将本地图片转为baes64码呀?
5701浏览 • 2回复 待解决
HarmonyOS 通过RawFileEntry读取PNG图片PixelMap,经ImagePacker编码,为JPEG格式。
5790浏览 • 3回复 待解决
鸿蒙开发中如何用canvas实现图片的运动效果
1684浏览 • 1回复 待解决
如何用PixelMap实现图片的水平镜像?不借用Canvas
5070浏览 • 1回复 待解决
JS UI框架中canvas如何动态指定宽高
4284浏览 • 1回复 待解决
js获取canvas对象两种方式有啥不同?
4937浏览 • 1回复 待解决
安卓TextView转鸿蒙安卓TextView转鸿蒙
6093浏览 • 1回复 待解决
js ui 框架图片组件image怎么加载显示本地图片?
3291浏览 • 1回复 待解决
鸿蒙JS 图片读取 请问怎么读取到摄像机拍摄的图片?
833浏览 • 1回复 待解决
求鸿蒙视频编码解码的具体demo
4576浏览 • 1回复 待解决
mysql怎么快速迁移到ocean Base啊?
2047浏览 • 1回复 待解决
JS开发服务卡加载图片网络受阻
4265浏览 • 1回复 待解决
鸿蒙java开发 Canvas为什么不能把PixelMap作为参数带入?那我绘制的图片要怎么获取呢?
1461浏览 • 1回复 待解决
canvas 貌似不识别啊?
4467浏览 • 1回复 待解决
The <canvas> component does not exist.
5750浏览 • 3回复 待解决
鸿蒙自定义组件,如何在Ondraw()方法中使用canvas绘制一张资源图片?
3275浏览 • 1回复 待解决
边界显示不全,是因为设置的问题吗?
4172浏览 • 1回复 待解决
DevEco升级到2.1Beta3后JS中的canvas标签报错
6438浏览 • 3回复 已解决
hi3861环境编译出现编码问题
9086浏览 • 1回复 待解决
在 JS 框架 下,如何打开文件选择器选择图片?
2495浏览 • 1回复 待解决
我之前也遇到过这个问题, 我记得这个是toDataURL本身的问题,你可以打印一下通过这个toDataURL转换出的base64的码流,会发现只有一小截码流,远远不够转换成目标图片的长度。但是好像toDataURL在api版本为7时没有这个问题。