Получить загруженное изображение (ресурс) из бэк-энда и отобразить его как изображение в angular7 - PullRequest
0 голосов
/ 25 июня 2019

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

. Я могу сделать запрос из внешнего интерфейса, тогда я не знаю, как его получить

запрос к серверной части (через службу)

getBottleImage(path): Observable<File[]> {
    return  this.http.get<File[]>('http://localhost:8762/image/downloadFile/' + path);
}

Вот две мои функции загрузки и получения (серверная часть):

Хранить файл:

public String storeFile(MultipartFile file) {
    // Normalize file name
    String fileName = StringUtils.cleanPath(file.getOriginalFilename());

    try {
        // Check if the file's name contains invalid characters
        if(fileName.contains("..")) {
            throw new FileStorageException("Sorry! Filename contains invalid path sequence " + fileName);
        }

        // Copy file to the target location (Replacing existing file with the same name)
        Path targetLocation = this.fileStorageLocation.resolve(fileName);
        Files.copy(file.getInputStream(), targetLocation, StandardCopyOption.REPLACE_EXISTING);
        logger.info("targetLocation " +targetLocation);
        return fileName;
    } catch (IOException ex) {
        throw new FileStorageException("Impossible de stocker le fichier" + fileName + ". S'il vous plait réessayez !", ex);
    }
}

Получить файл:

public Resource loadFileAsResource(String fileName) {
    try {
        Path filePath = this.fileStorageLocation.resolve(fileName).normalize();
        Resource resource = new UrlResource(filePath.toUri());
        if(resource.exists()) {
            return resource;
        } else {
            throw new MyFileNotFoundException("Fichier non trouvé" + fileName);
        }
    } catch (MalformedURLException ex) {
        throw new MyFileNotFoundException("Fichier non trouvé " + fileName, ex);
    }
}

Почтальон показывает мне результат напрямую (файл .txt или .png)

https://ibb.co/2n7yd2j

Так что я думаю, что это проблема внешнего интерфейса ..

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