Copy Image To Clipboard

Demo to preview the settings

Introduction

This plugin allows users to copy images to the clipboard from either a specified URL or an image element's ID. Simply provide the image URL or the ID of the element containing the image, and the plugin will seamlessly handle the copying process.
Image without caption

Requirements for an Image to be Copied to the Clipboard

  1. CORS (Cross-Origin Resource Sharing) Policy:
      • The image must comply with CORS policies if it's loaded from a different domain. Ensure the server allows access with appropriate CORS headers (Access-Control-Allow-Origin).
  1. Secure Context (HTTPS):
      • The browser must be running in a secure context (HTTPS) to use the clipboard API. Clipboard access is restricted in non-secure (HTTP) environments.
  1. Permissions:
      • The user may need to grant clipboard access permissions depending on the browser's security settings.
πŸ’‘
The copied image is always saved in a clipboard in PNG type.

How to setup

Simply install the plugin and you are ready to use it.

Actions

Copy Image by URL

Copies the image from the set URL to the clipboard.
Image without caption
Title
Description
Type
Image URL
A valid, publicly accessible URL pointing to an image file (e.g., PNG, JPEG) that will be copied to the clipboard. The URL must use HTTPS and refer to an image in a supported format (e.g., .png, .jpg).
Image URL

Copy Image by Element ID

Copies the image from the source of the image ID set in the action. Supports and base64 image sources.
Image without caption
Image without caption
Title
Description
Type
Element ID
The ID of the HTML element containing the image to be copied.
Text
Image without caption

Changelogs