JS怎么实现将图片URL转base64


本篇内容主要讲解“JS怎么实现将图片URL转base64”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS怎么实现将图片URL转base64”吧!最近有个需求是将部分DOM生成图片上传到服务器,这里就直接用之前项目使用的 html-to-image。然而,这次与上次不同的是有一个图片;其实,html-to-image也支持了存在图片的DOM生成截图(embed-images)。不出意外的就该出意外了:很容易理解,就是跨域了请求了。注意,这里本来之前使用img标签是能正常请求的,并且也不用加crossorigin属性。 在调用html-to-image中加上mode: ‘no-cors’依然不行。然后就想自己搞转base64吧,各种百度谷歌出来了特别需要注意的是:img标签属性是crossorigin,new Image需使用crossOrigin。 如果不设置crossOrigin会造成另一个问题:在用canvas调用toDataURL方法中出错了。然后又是各种百度谷歌,发现MDN有个权威又无语的解释:提炼一下哈:指定crossorigin的图像,在canvas调用中免费云主机域名不会出现tainted错误。其实上面已经能解决大多数的问题了:对,没猜错,事情没有绝对的,还是有个例的:不知是这个图片服务器咋设置的,各种吧啦吧啦沟通也不给设置跨域白名单啥的,只能自己想办法了。到此,相信大家对“JS怎么实现将图片URL转base64”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: vue怎么调整el-dialog中body的样式

这篇文章主要介绍“vue怎么调整el-dialog中body的样式”的相关知识,小编通过实际案例向大家展示操作过程,操作免费云主机域名方法简单快捷,实用性强,希望这篇“vue怎么调整el-dialog中body的样式”文章能帮助大家解决问题。居中对其的状态是这…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 06/11 16:54
下一篇 06/11 16:55

相关推荐