загрузка изображения angular8 через laravel веб-интерфейс - PullRequest
0 голосов
/ 01 мая 2020

когда я пытаюсь загрузить изображение в базу данных с другими данными, такими как имя в angular - laravel api, он только загружает путь к файлу в виде строки. Я установил местоположение, чтобы переместить его в файл c publi в laravel но ничего не найдено, тут кто-нибудь может помочь, мне с этим. Без загрузки изображения все работает нормально.

это мой комп onet .ts

  constructor(private dataService:DataServiceService,
   private fb: FormBuilder) {
  this.addcoverform = this.fb.group({
  name: [''],
  coverphoto: [null],
  coverphototype: ['']
})}

   addcoverphoto(){
   const formdata = new FormData()
   formdata.append("name",this.addcoverform.get('name').value);
  formdata.append("coverphototype",this.addcoverform.get('coverphototype').value);
   formdata.append("coverphoto",this.addcoverform.get('coverphoto').value);

 console.log(formdata);

  this.dataService.addCoverphoto(formdata).subscribe(res=>{

    console.log(formdata.get("coverphoto"));



       }) 

      }
    coverimageupload(event){
   if(event.target.files.length>0){
   const file = event.target.files[0];
  this.addcoverform.get('coverphoto').setValue(file.name);
  console.log(file);}

}

я использую метод formgroup чтобы получить данные из формы и использовать метод добавления здесь, здесь моя html часть

       <form  [formGroup]="addcoverform"   (ngSubmit)="addcoverphoto()">    
         <div class="form-group">
                        <label>Name</label>
                <input type="text" formControlName="name" class="form-control">
                    </div>

                     <div class="form-group" >
                        <label>CoverPhotoType</label>
        <select formControlName="coverphototype" class="form-control">


                <option *ngFor="let arr of coverArr" > {{arr.coverphototype}}</option>


                            </select>
                          </div>
                    <div class="form-group">
                        <label>coverphoto</label>
                <input type="file" id="coverphoto" class="form-control" z>
                    </div>


                    <div class="form-group">
                        <div class="text-center">
                            <button class="btn btn-lg btn-success"type="submit" >Create RecentPhoto</button>

                        </div>
                    </div>
            </form>

и, наконец, это мой API в laravel я предполагаю, что я неправильно сделал в части API или Comp onet части

function addCoverphoto(Request $request){

    $data = $request->all();
   if($request->file)
    {
       $coverphoto = $request->coverphoto;
         $coverphoto_new_name = time().$coverphoto->getClientOriginalName();
         $coverphoto->move('uploads/coverphotos/',$coverphoto_new_name);
    }

    $coverphotoo = Coverphoto::create($data);


}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...