javascript - 解决C :\fakepath for file input using pure javascript or angular2

Question

是否可以使用纯 JavaScript 或 Angular 2 获取所选文件的完整路径？我需要用户选择 Excel 文件，然后我需要将其发送到 C# WEB API Controller 方法以进行进一步处理。

现在我得到了这个:

HTML

<input type="file" id="selectedFile"  class="button-pop-up-footer1">

js

var selectedFilePath = document.getElementById("selectedFile").value;

但是当我选择位于:C:\users\owner\desktop\myfile.xls 的文件时，我得到的路径为 C:\fakepath\myfile.xls。

有人知道如何解决此问题并在不影响安全性的情况下获取文件的完整路径吗？

Answer 1

Is it possible to get the full path of the selected file using pure javascript or angular 2?

没有。这将是一个严重的安全问题。

I need the user to pick the excel file which I then need to send to c# WEB API controller method for further processing.

没关系，您不需要真正的路径。只需使用 input type="file" 并将表单发布到您的 Controller (或使用最新的 fetch 或 XMLHttpRequest 通过 ajax 来完成 - Angular 的 http 服务应该能够胜任现代浏览器上的任务)。