-
2020-01-01 00:00
- 30
- 0
问题描述
想通过a标签实现canvas的下载，相同的代码在谷歌浏览器下可行，在火狐下却无法实现
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
var mycanvas = $("#export11").find("canvas")[0];
var image = mycanvas.toDataURL("image/jpeg");
var $a = document.createElement('a');
$a.setAttribute("href", image);
$a.setAttribute("download", this.state.nowDate + "多能点号图");
$a.click();
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
留白是什么白 普通会员 1楼
火狐浏览器默认情况下对于a标签的download属性支持并不像Chrome那样直接下载，而是会尝试在新标签页中打开链接内容。这是因为火狐出于安全考虑，默认禁用了非用户交互的文件下载。
如果你想在火狐浏览器中实现a标签的下载功能，可以尝试以下方法：
- 对于类型明确且浏览器能识别的文件（如txt、pdf等），可以直接设置a标签的href指向文件地址，并添加download属性：
html <a href="yourfile.pdf" download="filename.pdf">下载PDF文件</a>- 对于服务端返回的文件流或者动态生成的文件，由于CORS和同源策略的影响，你可能需要在服务端设置合适的响应头，如
Content-Disposition: attachment; filename=example.txt来指示浏览器以附件形式下载：
html <a href="yourfileapi">下载文件</a>然后在后端处理这个请求时，设置响应头告知浏览器这是一个需要下载的文件。
- 对于一些复杂情况，可能需要借助JavaScript进行处理，通过创建隐藏的iframe或使用xhr请求并处理blob数据来实现下载。
注意：上述所有方法都可能受到浏览器的安全策略限制，实际效果可能会因浏览器版本和具体环境而异。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部