解决夸克、QQ、UC浏览器Base64图片保存难题

在使用夸克、QQ、UC等浏览器时，保存Base64编码的图片经常遇到问题。本文提供几种解决方案，助您轻松解决此难题。

方法一：直接赋值给img标签

将Base64字符串直接赋值给<img alt="夸克、QQ、UC浏览器保存Base64图片失败怎么办？" >标签的src属性，用户长按图片即可保存。此方法在Chrome和部分浏览器中有效，但在夸克和UC浏览器中通常失败。

方法二：Base64转Blob并下载

夸克扫描王 - OCR文字识别 Alibaba-Quark-OCR

由夸克扫描王提供的高准取率 OCR 文字识别工具。当用户需要从图片、截图、照片或扫描文档中提取、识别或结构化文本，就使用此技能——包括手写体、表格、数学公式、商品图、各类证件（身份证、社保卡、驾照、行驶证、港澳台通行证、学位证等）、票据（增值税发票、火车票、英文发票等）、医疗报告、药检报告、营业执照、习题以及图片翻译。本技能由夸克扫描王提供支持。即使用户没有明确提到"OCR"或"文字识别"，只要用户的需求涉及从图片中获取文字或关键信息，也应触发此技能。不适用于图像生

下载

将Base64字符串转换为Blob对象，再利用<a></a>标签触发下载。代码如下：

<code class="javascript">var blob = new Blob([ab], { type: 'application/octet-stream' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = new Date().valueOf() + ".png";
var e = document.createEvent('MouseEvents');
e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
a.dispatchEvent(e);
URL.revokeObjectURL(url);</code>

然而，在夸克、UC和QQ浏览器中，此方法往往下载的是.bin文件，无法正常保存图片。

终极解决方案：新页面打开并提示保存

针对以上浏览器兼容性问题，推荐使用更可靠的方法：在新页面打开裁剪后的Base64图片，并提示用户手动保存图片，然后重新上传。此方法绕过了浏览器自身的保存机制，确保图片能够被正确保存。