Breaking News: Grepper is joining You.com. Read the official announcement!

JS copy image

Add Answer

Tiago R. answered on September 30, 2021 Popularity 8/10 Helpfulness 1/10

answer JS copy image

related javascript copy image to clipboard

related js copy image to clipboard

related javascript copy image to clipboard

JS copy image

Comment

-1

      navigator.clipboard.write([
          new ClipboardItem({ "image/png": blob })
      ]);

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: copy image javascript

Link to this answer
Share Copy Link

Contributed on Apr 23 2022

Tiago R.

0 Answers Avg Quality 2/10

Closely Related Answers

javascript copy image to clipboard

Comment

try {
    navigator.clipboard.write([
        new ClipboardItem({
            'image/png': pngImageBlob
        })
    ]);
} catch (error) {
    console.error(error);
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: clipboard clip

Link to this answer
Share Copy Link

Contributed on Jan 06 2022

Testy Toad

0 Answers Avg Quality 2/10

js copy image to clipboard

Comment

// Copies the image as a blob to the clipboard (PNG only)
navigator.clipboard.write([
  new ClipboardItem({
    [blob.type]: blob,
  }),
])

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: clipboard clip

Link to this answer
Share Copy Link

Contributed on Sep 30 2021

Open Orangutan

0 Answers Avg Quality 2/10

javascript copy image to clipboard

Comment

//ths will copy image if image source is other then your own website.
function copyImage (imageid) {
  const img = document.getElementById(imageid);
   const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');

fetch(img.src, { mode: 'cors' })
  .then((response) => response.blob())
  .then((blob) => {
    const url = URL.createObjectURL(blob);

    const img = new Image();
    img.crossOrigin = 'anonymous';
    img.onload = () => {
      canvas.width = img.width;
      canvas.height = img.height;
      context.drawImage(img, 0, 0);

      canvas.toBlob((blob) => {
        const item = new ClipboardItem({ 'image/png': blob });

        navigator.clipboard.write([item]).then(() => {
          hideShowToast('Image copied to clipboard');
        }).catch((error) => {
          hideShowToast('Could not copy image to clipboard', 1);
        });
      }, 'image/png');
    };
    img.src = url;
  })
  .catch((error) => {
    hideShowToast('Could not copy image to clipboard', 1);
  });
}

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: clipboard clip

Link to this answer
Share Copy Link

Contributed on Feb 23 2023

Faizan Younas Tanooli

0 Answers Avg Quality 2/10

JS copy image

Contents

More Related Answers

JS copy image

Closely Related Answers

javascript copy image to clipboard

js copy image to clipboard

javascript copy image to clipboard

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.