美文网首页
electron学习----文件拖拽

electron学习----文件拖拽

作者: 二营长家的张大炮 | 来源:发表于2019-10-29 11:28 被阅读0次
    image.png
     <div class="dropwrap" id="dropwrap">
          支持拖拽
        </div>
    
    /**
     * 渲染进程
     */
    const fs = require('fs');
    
    function getProcessInfo() {
        console.log("cpu", process.env)
    }
    
    
    const dropwrapper = document.getElementById("dropwrap");
    
    dropwrapper.addEventListener('drop', (e) => {
        e.preventDefault()
        const files = e.dataTransfer.files;
        if (files) {
            console.log('path',files[0].path )
           const content = fs.readFileSync(files[0].path)
           console.log('content',content.toString())
        }
    })
    
    dropwrapper.addEventListener('dragover', (e) => {
        e.preventDefault();
    })
    

    相关文章

      网友评论

          本文标题:electron学习----文件拖拽

          本文链接:https://www.haomeiwen.com/subject/uhmwvctx.html