如何在macOS中为SwiftUI的NSImage实现.onDrag修饰符？

你的核心问题在于沙盒环境下直接传递图片数据无法被系统识别为可保存的文件，且registerDataRepresentation的使用方式未适配拖放文件场景的需求。以下是可行的实现方案：

步骤1：为NSImage添加临时文件保存扩展 #

先实现一个扩展，将NSImage保存到沙盒允许的临时目录：

import AppKit

extension NSImage {
    func saveToTemporaryPNG() -> URL? {
        // 将NSImage转换为PNG数据
        guard let tiffData = self.tiffRepresentation,
              let bitmapRep = NSBitmapImageRep(data: tiffData),
              let pngData = bitmapRep.representation(using: .png, properties: [:]) else {
            return nil
        }
        
        // 创建临时文件URL
        let tempDir = FileManager.default.temporaryDirectory
        let tempFileURL = tempDir.appendingPathComponent("temp_drag_image.png")
        
        // 写入数据到临时文件
        do {
            try pngData.write(to: tempFileURL)
            return tempFileURL
        } catch {
            print("临时文件保存失败：\(error.localizedDescription)")
            return nil
        }
    }
}

步骤2：修改.onDrag修饰符实现 #

使用registerFileRepresentation替代registerDataRepresentation，通过临时文件传递拖放内容：

Image(nsImage: myNSImage)
    .onDrag {
        let itemProvider = NSItemProvider()
        itemProvider.suggestedName = "image.png" // 设置拖放后的文件名
        
        guard let tempFileURL = myNSImage.saveToTemporaryPNG() else {
            return itemProvider
        }
        
        // 注册文件表示，让系统识别为可复制的文件
        itemProvider.registerFileRepresentation(for: UTType.png, visibility: .all) { completionHandler in
            // 提供临时文件URL，系统会自动复制到目标位置
            completionHandler(tempFileURL, false) { [tempFileURL] error in
                // 拖放完成后清理临时文件
                if error == nil {
                    try? FileManager.default.removeItem(at: tempFileURL)
                }
            }
            return nil
        }
        
        return itemProvider
    }

关键说明 #

1. 沙盒权限适配：沙盒应用无法直接向外部目录写入数据，通过临时文件中转是合规的方式——系统会负责将临时文件复制到拖放目标位置（如桌面）。
2. 为什么之前的代码无效：registerDataRepresentation适用于剪贴板等数据传递场景，而拖放文件到文件系统时，系统期望接收的是文件URL而非原始二进制数据，因此需要使用registerFileRepresentation。
3. 临时文件清理：拖放完成后的回调中可以删除临时文件，避免占用存储空间。

内容的提问来源于stack exchange，提问作者ixany