面临“导入文件时发生错误”的问题，同时具有电子看守功能的拖放功能

Question

我要在电子战中设置拖放功能。

我正在拖动时传递一个图像（可能是在渲染过程中），而在拖放时传递了另一图像（可能是在主过程中）。 基本上，我试图在拖动“项目”时拖动image1，在拖放到桌面或文件夹或任何其他软件时拖放image2。

安装并配置了电子战后 我在src / renderer / components / LandingPage / SystemInformation.vue中添加了以下代码

<a href="#" id="drag">item</a>

 mounted () {
    document.getElementById('drag').ondragstart = (event) => {
      event.preventDefault()
      console.log('dragged')
      console.log(ipcRenderer)
      ipcRenderer.send('ondragstart', '@/src/renderer/components/LandingPage/logo.png')
    }
  }

以及src / main / index.js中的以下代码

ipcMain.on('ondragstart', (event, filePath) => {
    console.log('being dropped')
    event.sender.startDrag({
      file: filePath,
      icon: '@/src/main/logo.png'
    })
  })

拖动后，我将面对http://prntscr.com/nh2its，http://prntscr.com/nh2kus