angular - Electron/Angular 应用程序可以访问文件夹中的视频。

Question

我正在使用这个包angular-electron

这使我可以在 Angular 一侧访问“fs”。

我有此功能来遍历文件夹

fs.readdir(this.path, (err, items) => {
  for (let i = 0; i < items.length; i++) {
    const file = this.path + '/' + items[i];
    console.log('Start: ' + file);

    this.nodes.push({

      source: file

    })


    fs.stat(file, function(err, stats) {
      console.log(file);
      console.log(stats['size']);
    });
    console.log(this.nodes)
  }
})

我找回了正确的视频文件路径，但是，当我将其用作视频播放器的src时，却找不到文件。

也许我缺少一些基本的知识，但我的目的是遍历userPath文件夹中的文件，并返回其中的视频列表，以用作视频播放器的媒体。

Answer 1

Electron使用Chromium展示您的应用程序。它仍然只是一个浏览器-同样的限制，例如它不能直接访问本地文件系统。

您可以设置Express来为Electron的浏览器提供文件，例如:

const express = require('express');
const app = express();    
app.use('/', express.static(this.path)); 
app.listen(3003);

现在，如果您在 pic.jpg中有一个 this.path，则可以在Angular一侧执行此操作:

<img [src]="'http://localhost:3003/pic.jpg'" />

我不完全确定这是否会导致cors问题，但如果确实如此，则只需添加cors中间件，例如: https://github.com/expressjs/cors