从画布保存图像时缺少扩展名

jbltx

我使用以下代码将图像保存在Javascript中:

window.location.href = grid.toDataURL("image/png").replace("image/png", "image/octet-stream");

代码有效,但是保存的文件没有任何扩展名,我必须手动重命名。

我的问题是如何将扩展名放在最后?

谢谢你。

用户名

toDataURL 产生一个data-uri而不是一个文件名,因此在这种情况下扩展名不适用。

data-uri只是二进制内容的文本编码版本,某些浏览器可以将其读取为文件-如果需要,则为数据流。由于数据流没有任何文件名,因此无法附加文件名。

您可以通过如下设置锚标记来解决此问题:

<a id="imageLink" href="data-uri-here" download="myFilename.png">
    Click to download
</a>

在JavaScript中,您可以动态设置以下属性:

imageLink.href = grid.toDataURL();
imageLink.download = 'myOtherFilename.png';

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 Pillow 保存 tkinter 画布会保存无扩展名的文件,但不会指定扩展名

使用systemJS加载Firebase时缺少扩展名

以编程方式 (PHP) 保存没有扩展名的图像

phpmyadmin:缺少json扩展名

phpMyAdmin显示“缺少mysqli扩展名。”?

xvfb上缺少扩展名“ RANDR”

如何使用PHP从缺少镜像扩展名的远程服务器中保存镜像

从不以图像扩展名结尾的URL中保存图像

使用ImageMagick在扩展名不在文件名中时转换图像

使用文件名时,如果没有扩展名src =“”,则无法渲染图像

好奇 - 使用通用文件扩展名(例如 .tmp)保存用户上传的图像的利弊?

wget:以.jpg扩展名保存

Notepad ++中的默认保存扩展名

干预图像:直接从具有原始文件名和扩展名的URL中保存图像?

React Linting,缺少“ react”的文件扩展名(导入/扩展名)

Typescript eslint-缺少文件扩展名“ ts”的导入/扩展名

当其 URL 不包含文件扩展名时,如何使用 Nodejs 下载图像?

在Angular中,不知道扩展名时如何加载图像?

CuiloadedFile在Yii框架中使用扩展名mongodbsuite分配图像属性时出错

Codeigniter图像调整大小并将任何图像扩展名更改为.png扩展名

在Java中保存与检索文件扩展名时的次要问题

漂亮的扩展名不会在文件保存时格式化代码

默认保存扩展名是“普通文本”,但Notepad ++正在保存而没有扩展名

您的系统缺少所需的PHP扩展名dom

查找缺少的扩展名-Ubuntu 12.04上的php

亚马逊网络服务phpmyadmin:缺少mbstring扩展名

phpmyadmin-php 7.4中缺少mbstring扩展名

安装Composer失败,并显示“缺少openssl扩展名”错误

缺少国际扩展名(下载FOSUSER捆绑包)