代码之家 › 专栏 › 技术社区 › Ibanez1408

以角度设置输入的文件路径

angular

0

Ibanez1408 · 技术社区 · 7 年前

.ts文件

fileChanged(e: any) {
    this.file = e.target.files[0];
    this.readDocument();
  }

  readDocument() {
    const fileReader = new FileReader();
    fileReader.onload = (e) => {
      console.log(fileReader.result);
    }
    fileReader.readAsText(this.file);
  }

.html文件

<div class="Block">
  <label id="lbl">Code </label>
  <input type='file' (change)="fileChanged($event)">
</div>

如果fileReader不是一个可行的选择,你能告诉我如何使用另一种方法吗?非常感谢。

1 回复 | 直到 7 年前

1

3

Simon K 7 年前

如果我理解正确,您想显示文件的路径吗?这是不可行的,因为javascript无法读取用户计算机上的文件系统,因为这将是一个主要的安全漏洞。

您只能访问文件名及其内容。

请记住,当我们在服务器端脚本的上下文中使用节点.js或其他服务器端框架。另外,在运行gulp之类的操作时,也可以将scss构建到css中。