如何将div中的文本复制到剪贴板?我有一个div,需要添加一个链接,将文本添加到剪贴板.这有解决方案吗?
<p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<a class="copy-text">copy Text</a>
Run Code Online (Sandbox Code Playgroud)
单击复制文本后,我按Ctrl+ V,必须粘贴.
是否可以在javascript中将图像复制到剪贴板?我知道如何复制文字,但你可以复制图像吗?
这是一个安全限制吗?
为什么navigator.clipboard总是undefined在以下代码段中?
var clipboard = navigator.clipboard;
if (clipboard == undefined) {
console.log('clipboard is undefined');
} else {
clipboard.writeText('stuff to write').then(function() {
console.log('Copied to clipboard successfully!');
}, function() {
console.error('Unable to write to clipboard. :-(');
});
}
Run Code Online (Sandbox Code Playgroud)
有关剪贴板API的更多信息,请访问此处.
Chrome版本:68.0.3440.106.
我确信这在某些方面有效,但不再是.这很令人困惑,因为这个表表明Clipboard API是在Chrome中实现的(已经有一段时间了),但是这个特定的API方法表表明API的所有方法都不受支持?
我已经使用创建了来自我的canvas对象的图像canvas.toDataURL("image/png", 0.7)。从上下文菜单保存图像效果很好,但是将图像复制到剪贴板并将其粘贴到邮件或Word文档中则无效。是否有可能使“复制到剪贴板”的行为与“正常”图像的行为相同?
我正在考虑创建一个小型服务器组件,该组件可以采用图像的base64表示形式并返回“正常” png图像,可以将其复制到剪贴板。这可以作为解决方法吗?
编辑:
澄清:我正在使用canvas.toDataURL("image/png", 0.7)画布创建图像,然后将标签的src属性设置img为结果。然后,当我右键单击图像时,可以从上下文菜单中选择“复制图像”。然后的问题是我无法将图像粘贴到Word和电子邮件中(至少是Outlook)。粘贴到Wordpad和mspaint可以正常工作。
im working on react web app and one of the feature needs to be implemented is to copy an image when clicked, so the user could paste it in: paint, word, etc...
i tried several approaches, first was to follow the instructions detailed in this post: /sf/answers/2838322931/
这就是我想到的(containerId 指的是一个 div 元素,其中包含一个图像元素作为其第一个子元素):
copyImg = (containerId) => {
const imgContainerElement = document.getElementById(containerId);
this.selectText(imgContainerElement.children[0]);
document.execCommand('copy');
window.getSelection().removeAllRanges();
alert('image copied!');
}
selectText = (element) => {
var doc = document;
if (doc.body.createTextRange) {
var range …Run Code Online (Sandbox Code Playgroud)