使用“电子”对话框确定文件类型

时间:2016-06-22 21:34:25

标签: html5 mime-types electron html5-filesystem

我使用HTML5 File API将文件拖到Electron应用程序中并获取文件详细信息(名称,mime类型,大小等)。通过Electron的对话模块选择文件时,如何实现相同的目的?以下是利用HTML5文件API的代码(渲染器过程):

const {dialog} = require('electron').remote;

// Using jQuery ($)
var holder = $('#holder');
holder.on('drag dragstart dragend dragover dragenter dragleave drop', function(evt) {
    evt.preventDefault();
    evt.stopPropagation();
})
.on('drop', function(evt) {
    let file = evt.originalEvent.dataTransfer.files[0];
    console.log(file.name);
    console.log(file.type);
    console.log(file.size);
})
.on('click', function(evt) {
    dialog.showOpenDialog({
        properties: [ 'openFile' ]
    }, function(file) {
        console.log(file); // just displays local, full path
        // code to get name, type, size... how do I?
    });
});

1 个答案:

答案 0 :(得分:1)

检查此库:mmmagic,它会完成你想要的。