Java Spring - wyświetlenie plików po uploadzie w działającej aplikacji

Question

Hej.

Mamy pewną aplikację, która umożliwia dodanie zdjęcia. Dodajemy zdjęcie i... nie wyświetla się, bo aplikacja ładuje zasoby przy starcie, a potem już nie ;] Jak sprawić, żeby dodane zasoby się zaktualizowały w działającej aplikacji? I czy w ogóle jest to potrzebne w "domowym" projekcie, czy zostawić jak jest? :)

Wykorzystuję spring boot, gradle + thymeleaf

Comments

A gdzie zapisujesz te pliki?

---

Lokalnie na dysku - bo to ma być póki co prowizorka, żeby tylko działało. Domyślam się, że w prawdziwej aplikacji zdjęcia są zapisywane gdzieś w chmurze, na serwerze...

---

Serwer to tez ostatecznie dysk. Gdzie dokładnie i jak to potem odczytujesz?

---

Zapisuję to tak:

 

private String rootLocation= "C:\\Users\\Tomek\\Documents\\Projekty\\IntelliJ\\shelter\\src\\main\\resources\\static\\images";

public void store(MultipartFile file, AnimalEntity animalEntity) {
    String filename = animalEntity.getNameString() + animalEntity.getAge() + ".jpg";
    try {
        try (InputStream inputStream = file.getInputStream()) {
            Files.copy(inputStream, this.rootLocation.resolve(filename), StandardCopyOption.REPLACE_EXISTING);
        }
    } catch (IOException e) {
        throw new StorageException("Failed to store file " + filename, e);
    }
}

A ładuję tak:

 

<img th:src="@{'/images/' + ${dog.getNameString()} + ${dog.getAge()} + '.jpg'}"/>

 

Answer 1

Coś więcej o tej aplikacji... (Spring/Spring Boot, Mavaen/Gradle)

Jakis fragment kodu cokolwiek... ?

Comments

Ok, edytowałem pytanie. Założyłem, że rozwiązanie jest javowe bez znaczenia na framework ;)

Answer 2

Zapis robisz na podstawie ścieżki absolutnej, a odczyt na podstawie względnej. Kod odpowiadający za ładowanie obrazka szuka tego obrazka w lokalizacji pewnie tomcata /webapps/nazwa_aplikacji/... . Spróbuj zapisywać pliki również za pomocą ścieżki względnej.

Zerknij na to:

https://stackoverflow.com/questions/10847994/spring-mvc-save-uploaded-multipartfile-to-specific-folder

Comments

OK, edytowałem nieco metodę, która wygląda teraz tak: 

 

public void store(MultipartFile file, AnimalEntity animalEntity, String path) {
        String filename = animalEntity.getNameString() + animalEntity.getAge() + ".jpg";

        try {
            file.transferTo(new File(path + "resources\\static\\images\\" + filename));
        } catch (IOException e) {
            throw new RuntimeException("Niepowodzenie ", e);
        }
    }

I kontroler wyglądający tak:

 

@PostMapping("/processNewAnimal")
	public String processNewAnimalForm(@Valid @ModelAttribute("newAnimal") AnimalEntity newAnimal, BindingResult result, @RequestParam("file") MultipartFile file,
									   RedirectAttributes redirectAttributes, HttpServletRequest request) {
		String rootDirectory = request.getSession().getServletContext().getRealPath("/");
		if (result.hasErrors()) {
			System.out.println(result.getAllErrors());
			return "addAnimal";
		}
		taskExecutor.execute(() -> sendingEmailToWorkersService.checkIfEmailCanBeSent(howManyPlaceLeft.existsFreePlaces(), numberOfFreePlacesToSendEmails));
		addAnimalsService.addAnimalToDb(newAnimal);
		storageService.store(file, newAnimal, rootDirectory);
		redirectAttributes.addFlashAttribute("flash.message", "Animal has been added!");
		return "redirect:/addAnimal";
	}
}

Jednak po wysłaniu formularza metodą post, konsola zgłasza błąd:

"java.io.FileNotFoundException: C:\Users\Tomek\AppData\Local\Temp\tomcat-docbase.12533877630182209167.8080\resources\static\images\NowyPiesek12.jpg (System nie może odnaleźć określonej ścieżki)"

Zatem wracam do czytania API i znajduję tam opis działania konstruktora klasy File:

File​(String pathname)	Creates a new File instance by converting the given pathname string into an abstract pathname.

Dla mnie znaczy to, że tworzy nowy plik, przekształcając wskazany string w abstrakcyjną ścieżkę dostępu do pliku, więc powinno działać? 

---

Creates a new File instance

Tworzenie nowej instancji klasy File. 

Sam zapis pliku możesz robić tak jak wcześniej tylko ścieżkę dobrą ustaw, żeby potem aplikacja była wstanie go odczytać.

---

Przyznam, że się pogubiłem ;] Wcześniej aplikacja znajdowała pliki i wszystko działało, ale po wciśnięciu shift + f10, a chciałem, żeby zmiany były widoczne live bez konieczności restartowania serwera.

---

Spróbuj na początek zrobić tak jak miałeś wyjściowo tylko zmień ścieżkę:

private String rootLocation=

tak, żeby była budowana tak jak na stacku. Nic więcej. 

---

Niby działa, a jednak nie działa. Po zmianie metody na:

 

@Override
    public void store(MultipartFile file, AnimalEntity animalEntity) {
        String filename = animalEntity.getNameString() + animalEntity.getAge() + ".jpg";
        String uploadsDir = "/images/";
        String realPathToUploads = request.getServletContext().getRealPath(uploadsDir);
        if (!new File(realPathToUploads).exists()) {
            new File(realPathToUploads).mkdir();
        }
        Path root = Paths.get(realPathToUploads);
        try {
            if (filename.contains("..")) {
                throw new StorageException("Cannot store file with relative path outside current directory " + filename);
            }
            try (InputStream inputStream = file.getInputStream()) {
                Files.copy(inputStream, root.resolve(filename), StandardCopyOption.REPLACE_EXISTING);
            }
        } catch (IOException e) {
            throw new StorageException("Failed to store file " + filename, e);
        }
    }

Oczywiście plik znika po restarcie serwera :D Więc teraz plik pojawia się na żywo po dodaniu, ale znika po restarcie aplikacji :D

---

Spring pewnie wszystko czyści przed restartem aplikacji. Musiał byś zapisywać te obrazki gdzieś poza kontekst tomcata-embeded.

---

Tak. Pierwszym moim odruchem było ctrl+d i skopiowanie linijki: 
 

Files.copy(inputStream, this.rootLocation.resolve(filename), StandardCopyOption.REPLACE_EXISTING);

tym razem z zapisem fizycznym na dysku. Plik się pojawia w strukturze projektu, ale nie można go otworzyć :D

Masz może pojęcie, jak to wygląda w realnej aplikacji? Gdzie najczęściej zapisywane są zdjęcia (bo pewnie nie w bazie danych)?

---

Jeśli chodzi o bazę danych to jest możliwy zapis. Istnieje taki typ jak BLOB. Nie wiem jak jest z tym w praktyce.

A jeśli chodzi o nie bazę danych to po prostu gdzieś na dysku można zrobić dowolny folder. Prawdopodobnie i tak nie będzie to hostwane na windowsie tylko na linuxie. Najważniejszym jest aby taki folder miał ustawione odpowiednie prawa dostępu.