js拖拽图片离开页面下载图片

要实现拖拽图片离开页面后下载图片的功能，你可以使用以下代码：

window.addEventListener('dragover', function(e) {
  e.preventDefault();
});

window.addEventListener('dragleave', function(e) {
  e.preventDefault();
  const imageUrl = e.dataTransfer.getData('text/uri-list');
  if (imageUrl) {
    const link = document.createElement('a');
    link.href = imageUrl;
    link.download = 'image.jpg';
    link.click();
  }
});

在这段代码中，我们同样监听了 `dragover` 和 `dragleave` 事件，并在 `dragleave` 事件处理程序中获取拖拽的图片的 URL。然后，我们创建一个 `<a>` 元素，将图片 URL 赋值给 `href` 属性，并设置 `download` 属性为要下载的文件名（这里假设为 "image.jpg"）。

最后，我们通过调用 `link.click()` 方法来触发下载操作。

请注意，这个方法只能在支持 HTML5 的浏览器上有效，并且由于浏览器的安全策略，可能会有一些限制。确保在实际应用中进行兼容性测试。