Error when saving a bigger image

[milanm]

We use the context menu (v4.0.4) like this:

import contextMenu from 'electron-context-menu'

let win: BrowserWindow | null

const windowConfig = {
  title: 'My App',
  icon: '../favicon.ico',
  width: 1300,
  height: 700,
  autoHideMenuBar: true,
  webPreferences: {
    preload: path.join(__dirname, 'preload.js')
  }
}

contextMenu({
  showInspectElement: false,
  showSearchWithGoogle: false,
  showSaveImageAs: true,
  showLearnSpelling: false,
  showLookUpSelection: false,
  prepend: (defaultActions, params) => [
    {
      label: 'Open in New Window',
      visible: params.linkURL.length > 0,
      click: () => {
        const newWin = new BrowserWindow(windowConfig)
        newWin.loadURL(params.linkURL)
      }
    }
  ]
})

However, when we try to save an image bigger then (let say 2Mb), we get the following error:

What could be the cause?

[jasondoo]

We are also running into the same issue for bigger image (say > 2MB). Is there a workaround?

[milanm]

We did custom implementation:

contextMenu({
  showInspectElement: false,
  showSearchWithGoogle: false,
  showSaveImageAs: false,
  showLearnSpelling: false,
  showLookUpSelection: false,
  prepend: (defaultActions, params) => [
    {
      label: 'Open in New Window',
      visible: params.linkURL.length > 0,
      click: () => {
        const newWin = new BrowserWindow(windowConfig)
        newWin.loadURL(params.linkURL)
      }
    },
    {
      label: 'Save Image As...',
      visible: params.mediaType === 'image',
      click: async () => {
        const focusedWindow = BrowserWindow.getFocusedWindow();

        if (!focusedWindow) {
          return;
        }

        try {
           focusedWindow.webContents.copyImageAt(params.x, params.y);

           await new Promise((resolve) => setTimeout(resolve, 100)); // 100ms delay to clear clipboard
        
           const image = clipboard.readImage();
 
           if (image.isEmpty()) {
             return;
           }
 
           // Show save dialog
           const { filePath } = await dialog.showSaveDialog(focusedWindow, {
             title: 'Save Image',
             defaultPath: 'download.png',
             filters: [
               { name: 'Images', extensions: ['png', 'jpg', 'jpeg'] },
               { name: 'All Files', extensions: ['*'] },
             ],
           });
 
           if (!filePath) {
             return;
           }
 
           const extension = filePath.split('.').pop().toLowerCase();
          
           let imageBuffer;
           if (extension === 'jpg' || extension === 'jpeg') {
             imageBuffer = image.toJPEG(80);
           } else if (extension === 'png') {
             imageBuffer = image.toPNG();
           } else {
             return;
           }

          fs.writeFile(filePath, imageBuffer, (err) => {
            if (err) {
              return;
            }
          });
 
           clipboard.clear();
        } catch {
          return;
        }
      }
    }
  ]
})