Введите описание изображения здесь < /p>
Cod работает в почтальонном вводе. У меня есть их в компоненте приборной панели < /p>
Код: Выделить всё
uploadImage() {
this.selectedFiles.forEach(file => {
let id: string | null = localStorage.getItem("id");
let userId: number = id ? Number(id) : 0;
this.userService.uploadImage(userId, file).subscribe(
response => {
console.log('Image uploaded successfully', response);
this.loadUserImages();
},
error => {
console.error('Error uploading image', error);
console.error('Error details:', error.message);
}
);
});
}
loadUserImages() {
let id: string | null = localStorage.getItem("id");
let userId: number = id ? Number(id) : 0;
this.userService.getUserImages(userId).subscribe(
(imageDataArray: any) => {
console.log('Images loaded successfully', imageDataArray);
this.imagini = imageDataArray.map((data: any) => {
let objectURL = URL.createObjectURL(new Blob([new Uint8Array(data)], { type: 'image/jpeg' }));
return objectURL;
});
},
error => {
console.error('Error loading images', error);
console.error('Error details:', error.message);
}
);
< /code>
И это в пользовательской службе: < /p>
getUserImages(userId: number): Observable {
const token = localStorage.getItem('token'); // presupunând că token-ul este salvat în localStorage
if (!token) {
console.error('No token found in localStorage');
throw new Error('No token found in localStorage');
}
const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);
console.log(`Fetching images for user ${userId} with token ${token}`);
return this.http.get(`${BASIC_URL}/api/user/${userId}/imagini`, { headers: headers, responseType: 'json' });
}
, а для uploadImage у меня есть описание изображения здесь
Я хочу загрузить изображение, когда я вхожу в систему, и все изображения, соответствующие пользователю.
Подробнее здесь: https://stackoverflow.com/questions/795 ... -displayed
