Electron开发：Electron 应用中的拖拽操作

Posted 2023-03-09

参考技术A 如果应用程序需要操作外部文件，通常会使用文件打开对话框选择这个文件，然后交由程序做进一步处理，文件打开对话框会返回一个或多个选择的文件路径。不过更友好的方式是将文件拖动到程序的窗口或某一个区域上，然后同样会返回一个或多个文件给应用程序，这种行为称为拖拽操作。

本节将会通过两个案例介绍如何实现 Electron 应用的拖拽操作。

本节将通过一个简单的案例演示如何实现图像文件的拖放操作，本例的主要功能是将一个图像文件拖拽的程序的某个区域，然后在窗口上按等比例显示图像。

下面先看一下本例的效果，首先运行程序，然后找到一个图像文件，将其拖动到窗口上的红色背景区域，如下图所示。