js获取页面img元素的base64，存在跨域，重新画图报错，
并且不能重新请求img 的url ，有些url每次请求返回的图片都不一样， 需要直接获取img元素图片的base64. 请教一下。 有偿处理
js获取页面img元素的base64，存在跨域，不重新请求
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
CSDN专家-赖老师（软件之家） 2021-09-01 22:32关注跨域可以在后台设置，base64编码保存文件时转换为byte字节数据，读取时候再转换为base64
解决 无用评论 打赏举报 分享
- 2024-12-20 20:59xnzs的博客 网站的图片一般html代码是这样的，这个路径可以是本网站，也了可以是其他网站的（对方允许），但是，有时候，我们要用这张图片作为素材，用...先把图片转成basedata64格式，就可以了，base64data格式图片格式是这样的
- 2025-07-02 19:52Micro麦可乐的博客 在我们日常开发工作中，遇到文件上传通常是以 multipart/form-data 格式进行上传，但在某些特殊场景下（如 API接口、WebSocket传输、移动应用、跨域上传、小文件快速预览等）。Base64编码成为了一种重要的替代方案。
- 2021-10-03 00:443. 跨域请求：在CORS策略限制下，可以在Ajax请求的头信息中携带Base64编码的认证信息。 四、自定义Base64库 考虑到浏览器兼容性和性能优化，开发者可能会选择自定义Base64库，如压缩包中的`Base64.js`。这个库提供...
- 2025-12-09 00:31DTcode7的博客 希望今天这篇“长文啰嗦大全”能帮你把 img + Base64 的坑全部填平，下次再看到后端的“神秘字符串”，你可以淡定地喝一口咖啡，敲下：然后——它！就！出！图！了！祝你编码愉快，永不白屏。欢迎来到我的博客，很...
- 2026-03-09 02:43张赫尔的博客 本文深入解析了前端开发中JS处理Base64图片转换的三种核心实战方法：经典的Blob与FileReader组合、功能强大的Canvas绘制导出方案，以及高效的Fetch API与URL.createObjectURL协作策略。文章重点剖析了每种方法的原理...
- 2021-04-19 10:39发记的博客 const xmlHTTP = new XMLHttpRequest(); xmlHTTP.open("GET", src, true); // 以 ArrayBuffer 的形式...base64," + b64; //dataURL ok }; xmlHTTP.onerror = function(err) { alert('加载图片出错') }; xmlHTTP.send();
- 2020-10-18 14:26在本文中，我们将会探讨JavaScript（简称js）将图片转换为Base64编码的两种方法，这个过程是前端开发中常见的需求之一。Base64编码能够将二进制数据（例如图片、音频、视频文件等）转换为ASCII字符串，使得它能够...
- 2020-12-01 06:10可以创建一个`<canvas>`元素，然后将图片加载到canvas上，再使用`canvas.toDataURL`方法获取base64编码。这种方法的一个潜在问题是跨域问题，因此，设置`img.crossOrigin = 'Anonymous'`可以解决大部分跨域问题。 3...
- 2025-10-21 04:49神经网络酱的博客 本文详细介绍了如何利用Canvas和Base64技术，在前端快速检测图片跨域问题。通过分析Canvas被污染的原理，提供了一个健壮的检测函数和完整的交互式工具代码，帮助开发者诊断服务器CORS配置，并针对不同场景给出了优雅...
- 2020-10-18 19:546. `dataURL`就是我们需要的base64编码的图片数据，可以直接在前端使用，如设置为`img`标签的`src`属性。 当涉及跨域问题时，如果你尝试从一个源加载图片到另一个源的`canvas`，浏览器出于安全原因会阻止你。为了...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 9月2日-
创建了问题
9月1日