Angular 如何以角度获取选定的图像文件路径

在这里，我正在尝试获取选定的图像文件夹路径或文件路径（无论您如何称呼它），但无法执行此操作， 请任何人都可以帮助我解决这个问题，我如何获得/访问文件路径以及选定的图像

非常感谢您的帮助。

---

提前谢谢

你不能。出于安全原因，HTML输入元素实际上不会返回文件路径。查看可用属性的完整列表

这适用于在浏览器中运行的任何应用程序。但是，如果使用打包和分发应用程序，则可以访问本地文件系统（以及其他与操作系统相关的API）。

html文件：

<div>
<input class="file-upload-input" type='file'  multiple accept="image/*" (change)="onFileChange($event)" />
<img className="align-self-center" width= '100%' src="{{ImageUrl}}" />
</div>

---

添加上面的代码HTML和ts文件。然后，您将从本地路径获得预览。用“FileImage”在此处存档。

谢谢您的回复，也许这个问题会对您有所帮助，但我的问题与提供的链接略有不同，我不想在上传之前预览，只想获得选定的图像文件路径。好的，但有没有办法做到这一点，因为我们在服务器站点上有api，它返回图像路径，所以我可以这样做，到目前为止，我们在移动应用程序中使用这个api，所以我只想使用相同的api上载多个图像，我想我必须更改这个api。到目前为止，我没有使用这个api上载单个图像api，但它没有显示图像路径。我恐怕我不能就如何处理您的内部api提供一些建议。如果我的英语让人困惑，我很抱歉：我帮不了您，您使用的是内部api。

<div>
<input class="file-upload-input" type='file'  multiple accept="image/*" (change)="onFileChange($event)" />
<img className="align-self-center" width= '100%' src="{{ImageUrl}}" />
</div>

public ImageUrl = "";
  public FileImage : any;

    onFileChange(event : any) {
         this.FileImage = event.target.files[0];
         var reader = new FileReader();
         reader.onload = (event:any) => {
           this.ImageUrl = event.target.result;   
        }
         reader.readAsDataURL(this.FileImage);
      }
    }