Tauri+vue3实现拖拽上传文件

实现效果如下:

Tauri+vue3实现拖拽上传文件

Tauri+vue3实现拖拽上传文件

Tauri其实是有拖拽接口的:https://tauri.app/zh-cn/v1/api/js/window/#onfiledropevent

Tauri+vue3实现拖拽上传文件

通过这个接口,可以获取到文件的地址。

另外,我加了一个遮罩效果:

Tauri+vue3实现拖拽上传文件

在拖拽事件 hover 的时候,给 isShowDragMask 一个 true就可以了。

评论 (0)

未连接

暂无评论,快来发表第一条评论吧!