html - 将 src 为 ="dataUrl"的图像复制到 Office 应用程序

标签 html canvas base64 data-url

如果图像使用数据 URL,尝试将图像复制到剪贴板似乎无法正常工作。 (在 IE9、Chrome 25.0.1364.152 上测试)

我似乎可以通过“Data-Url”图像来绘制。 粘贴到 Word/Excel 失败。除非使用特殊粘贴选项。

示例:JsFiddle

尝试保存在 canvas 元素上呈现的图像时,使用数据 url 作为源是一种常见的情况。首先将图像保存到磁盘是一种变通方法。有没有办法让这些图像直接复制到 Word,而不是使用特殊粘贴选项?

检查 IE9 中的图像属性向我们展示:

Protocol: Unknown protocol
Type: Not Available
Size: Not Available

而普通图像

Protocol: HTTP
Type: JPEG Image
Size: 12897 bytes

我认为这些属性通常来自请求中的 header 。 有没有办法为数据网址图像设置这些属性?我认为设置这些属性后应该可以直接粘贴到Word中。

最佳答案

在 MS Word 中,有一种方法,

对象>>插入对象>>新建位图对象>>然后在新窗口中粘贴并关闭相同的对象,

工作方式与 paint 相同,但可以在 word 中使用,而且效果很好,

对于 Excel,我相信这同样有效,

希望这能满足您的需求。

在同一个应用程序中,您的工作将完成

:)

关于html - 将 src 为 ="dataUrl"的图像复制到 Office 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15432065/

相关文章:

jquery - header 固定但响应内容

javascript - Canvas 没有画任何东西?

java - Android+Java 从服务器上的 URL 获取图像并作为字符串传递给客户端 : Base64 decode and encode not working

url - 解码 Base64 图像

javascript - 如何在下一页中选择相同的选择选项

javascript - 将文本动态附加到 <p> 元素内的 <span> 元素破坏了我的设计

image - 将上传的图像(使用 Ajax)绘制到 Canvas 上

javascript - 无法使用 Angular JS 将 Base 64 图像数据发送到服务器

html - 在绝对定位的叠加层上方显示固定位置元素的子元素

JavaScript 碰撞检测似乎不起作用?