Jak dostać ścieżkę pliku?

Question

Hej,

piszę w Angularze (Typescript). Chcę wybrać zdjęcia, a następnie przesłać ścieżkę tegoż zdjęcia do backendu, żeby backend przeniósł plik do folderu assets w projekcie. 

 

Jak to zrobić? Jak uzyskać ścieżkę?

 

TypeScript

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);
      }

 

HTML

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

 

Answer 1

Ścieżki nie dostaniesz, bo przeglądarki z powodów bezpieczeństwa podstawiają fałszywą w polach input[type=file].

Nie do końca też rozumiem, po co Ci ta ścieżka? Nie możesz przesłać samego pliku? Albo to Data URL, które tworzysz na potrzeby podglądu zdjęcia.