Uni/dps-webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adopt frontend to take in base64 images

Browse Source
This commit is contained in:
Tim
2025-06-05 10:50:09 +02:00
parent 65cc4ede31
commit 557cff37ab
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
00-backend/src/main/java/de/htwsaar/webshop/controller/ImageController.java
View File

@@ -45,7 +45,7 @@ public class ImageController {
return ResponseEntity.ok(images_base); return ResponseEntity.ok(images_base);
} }
@RequestMapping(path = IMAGE_BASE, method = RequestMethod.GET, produces = "image/*") @RequestMapping(path = IMAGE_BASE, method = RequestMethod.GET, produces = "text/plain")
public ResponseEntity<String> getFirst(HttpServletRequest request, public ResponseEntity<String> getFirst(HttpServletRequest request,
@RequestParam(value = PARAM_UUID) UUID uuid) { @RequestParam(value = PARAM_UUID) UUID uuid) {
logRequest(request); logRequest(request);

9
01-frontend/src/helper/homepage/ItemCard.tsx
View File

@@ -26,11 +26,12 @@ export default function ItemCard({ item }: { item: Item }) {
useEffect(() => { useEffect(() => {
const fetchImage = async () => { const fetchImage = async () => {
try { try {
const response = await fetch(`http://localhost:8085/image?uuid=${item.uuid}`); const response = await fetch(`http://localhost:8085/image?uuid=${item.uuid}`); //image/* as base64
const data = await response.json(); const data = await response.text();
if (data.uri) { if(data.length == 0) {
setImageUrl(data.uri); // Bild-URL setzen console.error("Got emtpy picture for article ", item.uuid);
} }
setImageUrl("data:image/jpeg;base64," + data);
} catch (error) { } catch (error) {
console.error("Fehler beim Laden des Bildes:", error); console.error("Fehler beim Laden des Bildes:", error);
} }

7
01-frontend/src/helper/productpage/ProductInfo.tsx
View File

@@ -59,10 +59,11 @@ export default function ProductInfo({ item }: { item: Item }) {
const fetchImage = async () => { const fetchImage = async () => {
try { try {
const response = await fetch(`http://localhost:8085/image?uuid=${item.uuid}`); const response = await fetch(`http://localhost:8085/image?uuid=${item.uuid}`);
const data = await response.json(); const data = await response.text();
if (data.uri) { if(data.length == 0) {
setImageUrl(data.uri); // Bild-URL setzen console.error("Got emtpy picture for article ", item.uuid);
} }
setImageUrl("data:image/jpeg;base64," + data);
} catch (error) { } catch (error) {
console.error("Fehler beim Laden des Bildes:", error); console.error("Fehler beim Laden des Bildes:", error);
} }