Electron 主进程与渲染进程通信：传递图片 URL

在 Electron 中，主进程和渲染进程之间可以使用 ipc 模块进行通信。以下是将图片 URL 从主进程传递到渲染进程并显示图片的步骤：

1. 主进程发送图片 URL:

   const { ipcMain } = require('electron')
   ipcMain.on('get-image-url', (event) => {
     const imageUrl = 'http://example.com/image.png';
     event.sender.send('image-url', imageUrl);
   });
   

2. 渲染进程监听图片 URL 消息:

   const { ipcRenderer } = require('electron')
   ipcRenderer.on('image-url', (event, imageUrl) => {
     const img = document.createElement('img');
     img.src = imageUrl;
     document.body.appendChild(img);
   });
   

3. 渲染进程发送接收确认消息 (可选):

   const { ipcRenderer } = require('electron')
   ipcRenderer.send('get-image-url');
   ipcRenderer.on('image-url', (event, imageUrl) => {
     const img = document.createElement('img');
     img.src = imageUrl;
     document.body.appendChild(img);
     ipcRenderer.send('image-url-received');
   });
   

4. 主进程监听接收确认消息 (可选):

   const { ipcMain } = require('electron')
   ipcMain.on('image-url-received', (event) => {
     console.log('Image URL received by renderer process');
   });
   

通过以上步骤，主进程可以将图片 URL 传递给渲染进程，渲染进程可以接收该 URL 并将其显示在页面上。