本文详解如何通过 javascript 的 `setdragimage()` 和 `setdata()` 方法，既改变拖拽时显示的预览图像，又确保释放到 windows 文件夹（或其他支持原生拖放的目标）时实际写入的是指定图片 url，而非原始图像。
在 Web 页面中实现“拖拽图片到桌面或资源管理器文件夹”功能时，开发者常误以为仅调用 event.dataTransfer.setDragImage() 即可替换整个拖拽行为——但实际上，该方法仅控制视觉预览图（即鼠标指针旁跟随的缩略图），而不影响最终被系统接收并保存的实际数据。若目标是让拖入 Windows 文件夹后自动下载/保存为另一张图片（如 CDN 上的替代图），必须同时设置拖拽数据的 MIME 类型与内容。
✅ 正确做法：双管齐下
- 预览图控制：使用 setDragImage(element, x, y) 指定一个已加载完成的 元素作为拖拽视觉反馈；
- 实际数据控制：使用 setData(format, data) 设置符合操作系统识别规范的数据格式，对图像 URL 推荐使用 “text/uri-list” 格式（Windows 资源管理器、macOS Finder 均原生支持）。
以下为完整可运行示例：
