从所选文件获取路径

时间:2019-12-30 20:53:24

标签: angular typescript

我需要获取输入中所选文件的完整路径。 可以获取该目录吗?

我在这里留下了我的输入的链接:link

 <div>
     <input type="file" (change)="showPreviewImage($event)">
     <img [src]="localUrl" *ngIf="localUrl" class="imgPlaceholder">
    </div>

 selectedFile:any;
  currentMapDetails:any;
  localUrl: any[];
    constructor() { }
    showPreviewImage(event: any) {
        if (event.target.files && event.target.files[0]) {
            var reader = new FileReader();
            reader.onload = (event: any) => {
                this.localUrl = event.target.result;
            }
            reader.readAsDataURL(event.target.files[0]);
        }
    }

谢谢

2 个答案:

答案 0 :(得分:1)

由于安全方面的考虑,无法检索文件路径。而且,它并不是真正相关的信息,因为通常要查看已加载的文件或将其发送到服务器,也不需要完整的路径。

您需要使用完整路径的用例是什么?

答案 1 :(得分:1)

出于安全原因,所有最新的浏览器均不允许这样做。停止获取有关客户端计算机文件系统的任何信息的安全性。

实际上,您将不会使用文件路径在客户端位置上还原/下载文件,因此没有帮助。

Mozilla中有File.mozFullPath,但不可用。

对File接口的特权扩展,mozFullPath属性包含所表示文件的完整路径名。仅在浏览器代码或旧式的基于XPCOM的Firefox扩展中可以使用此属性。 Web内容不可用。