电子/角度应用程序可以访问文件夹中的视频。

【问题标题】：electron/angular app get access to videos in a folder.电子/角度应用程序可以访问文件夹中的视频。
【发布时间】：2018-04-11 18:39:50
【问题描述】：

我正在使用这个包angular-electron

这让我可以在角度侧访问“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 中文件夹中的文件并返回其中的视频列表以用作视频播放器的媒体。

【问题讨论】：

标签： angular electron

【解决方案1】：

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

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

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

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

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

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

【讨论】：