Я пытаюсь загрузить изображения через мой API-интерфейс laravel и мой угловой интерфейс.
Это моя функция laravel
public function UploadAdvertImage(Property $property, PhotoRequest $request)
{
$image_name = $request->file('image_name')->getRealPath();;
Cloudder::upload($image_name, null);
$result = Cloudder::getResult();
$photo = $property->photo()->create(['url' => $result['url'], 'public_id' => $result['public_id']]);
return response()->json($photo);
}
Я использую сторонний API для храненияизображение в облачном виде, а затем ссылка на изображение в моей базе данных.
Загрузка фотографии - это второй шаг в форме нескольких частей.После загрузки он пытается загрузить в объявление / создать.Это - угловой маршрут для всей формы, он говорит, что не может быть найден.
Угловое фото HTML
<input type="file" name="image_name" ng2FileSelect [uploader]="uploader" />
<button type="button" class="btn btn-success btn-s"
(click)="uploader.uploadAll()"
[disabled]="!uploader.getNotUploadedItems().length" >
Upload an Image
</button>
<button mat-button matStepperNext>Next</button>
Угловое фото TS
export class AdvertPhotosComponent implements OnInit {
@Input() photos: Photo[];
baseUrl = environment.apiUrl;
constructor(private advertService: AdvertService, private alertify: AlertifyService, public authService: AuthService,
private formBuilder: FormBuilder) { }
currentProperty = JSON.parse(localStorage.getItem('property'));
url = this.baseUrl + 'advertisement/' + this.currentProperty.id + '/upload-image';
public uploader: FileUploader = new FileUploader({url: this.url, itemAlias: 'photo'});
ngOnInit() {
this.uploader.onAfterAddingFile = (file) => { file.withCredentials = false; };
this.uploader.onCompleteItem = (item: any, response: any, status: any, headers: any) => {
console.log('ImageUpload:uploaded:', item, status, response);
alert('File uploaded successfully');
};
}
}
изображение вообще не загружается, но я получаю сообщение о том, что оно есть.На моей вкладке сети также отображается следующее:
вкладка "Сеть"
вкладка "Расширенная сеть"