在JavaScript/jQuery中克隆内存中的图像

function cloneImage(image) {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  canvas.width = image.width;
  canvas.height = image.height;
  ctx.drawImage(image, 0, 0);
  return canvas.toDataURL('image/png');
}

const image = new Image();
image.src = 'path/to/image.png';
image.onload = function() {
  const clonedImage = new Image();
  clonedImage.src = cloneImage(image);
  document.body.appendChild(clonedImage);
};

function cloneImage(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = function(event) {
      resolve(event.target.result);
    };
    reader.onerror = function(error) {
      reject(error);
    };
    reader.readAsDataURL(file);
  });
}

const input = document.createElement('input');
input.type = 'file';
input.onchange = function(event) {
  const file = event.target.files[0];
  cloneImage(file).then(function(dataUrl) {
    const clonedImage = new Image();
    clonedImage.src = dataUrl;
    document.body.appendChild(clonedImage);
  }).catch(function(error) {
    console.error(error);
  });
};