index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Image Preview</title>
    <style>
      html{
        height:100%;
        width:100%;
        -webkit-app-region: drag
      }
      body{
        background-size:contain;
        background-repeat: no-repeat;
        width:100%;
        height:100%;
        margin:0;
        position: absolute;
        top:0;
      }
    </style>
  </head>
  <body>
    <div id="imgArea">
    </div>
    <script>
      var imgEle="";
      require('electron').ipcRenderer.on('imageChange', function(event, url) {
        //console.log(url);
        var imgArea = document.querySelector('body');
        imgArea.style.backgroundImage = 'url('+url+')';
        imgEle="<img src='"+url+"' />";
        require('electron').clipboard.writeText(imgEle);
      });
    </script>
  </body>
</html>