首页 > 解决方案 > 不允许拖放到 Electron 应用程序中

问题描述

我正在尝试实现 Drag'n'Drop 功能,以便用户更轻松地上传他们的图像。在浏览器中,拖放区运行良好,但 Electron 甚至阻止文件被拖放到应用程序中。每次我尝试将文件光标更改为如下所示的时,都没有任何反应。

由于普遍的抱怨,我想也许 Electron 有配置默认禁用删除文件,但我找不到任何解决方案。

在此处输入图像描述

图片显示了放置区域,但整个应用程序都存在相同的问题。

主.js:

const { app, BrowserWindow } = require('electron')

let win

function createWindow () {
  win = new BrowserWindow({ width: 1000, height: 600, minWidth: 690, minHeight: 340 })

  win.loadFile('index.html')

  win.webContents.openDevTools()

  win.on('closed', () => {
    win = null
  })
}

app.on('ready', createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (win === null) {
    createWindow()
  }
})

标签: electron

解决方案


行。那不好玩。好像真的有什么东西坏了。但是在我重新启动控制台后,Windows 又重新安装了项目、Electron 和 NPM,它终于可以工作了。现在问题已经解决了。


推荐阅读