Блог

Я пытаюсь создать функциональность копирования изображения, используя следующий код:

 // Code goes here

function CopyImageById(Id) 
{
  const imgs = document.createElement('img');
  imgs.src = document.getElementById(Id).src;
  
  //alert ('Create image') ;

  const bodys = document.body ;
  bodys.appendChild(imgs);
  //alert ('Image on document')
  
  let myrange;
  if (document.createRange)  
  {
    //alert ('CreateRange work');
    myrange = document.createRange();
    myrange.setStartBefore(imgs);
    myrange.setEndAfter(imgs);
    myrange.selectNode(imgs);

  }
  else
  {
    alert ('CreateRange not working');
  }
  
  const sel = window.getSelection();
  sel.addRange(myrange);

  const successful = document.execCommand('copy');

  const msg = successful ? 'successful' : 'unsuccessful';
  //alert('Copy image command was '   msg);
  
  bodys.removeChild(imgs);
  document.getElementById('answer').innerHTML="Copy image command was "   msg ;
}
  

Средство воспроизведения:http://jsfiddle.net/xz14jp3f /

Однако скопированное изображение вставляется только в документ Word, такой как Google doc, но не во все места, такие как slack или stackoverflow. Если вы скопируете изображение, используя опцию контекстного меню Chrome, щелкнув правой кнопкой мыши, чтобы скопировать изображение, мы можем вставить его везде.

Как я могу это исправить?