Как получить доступ к изображению на локальном хосте с того же компьютера?

Question

Я создал программу, которая используется для локального сохранения изображения, а URL этого изображения сохраняется в базе данных.При извлечении данных из базы данных с использованием ajax, он даст мне URL-адреса, и я добавлю, что URL-адреса с классом div, код ajax приведен ниже: -

$( document ).ready(function() {
    $.ajax({
        url: "/api/v1/get-all-upload-image?sortBy=date",
        type: "GET",
        success: function(response){
            console.log(response);
            for (i= 0; i < response.response.data.length; i++){
                console.log(response.response.data[i])
                $(".images").html('<img src='+response.response.data[i].image_url+' alt="Smiley face" height="42" width="42">')
            }
        }
    });
});

URL-адрес изображения будет похож на

http://localhost:8080/home/iron/go/uploads/xyz/themes/2018/12/4/1543924926ironman1537870116062544.jpg

Это ничего не покажет, но пока я удаляю http://localhost:8080, оно покажет изображение.Кто-нибудь может сказать мне, почему так происходит?И как я получу доступ к этому изображению?

Answer 1

Вам нужен относительный путь к вашему изображению, основанный на корне вашего сервера.Например, если у вас есть структура папок, подобная следующей:

/
└── home/
    └── iron/
        └── go/
            ├── uploads/
            └── index.html

Тогда, если вы предоставляете контент на /home/iron/go, URL-адрес изображения http://localhost:8080/uploads/xyz/themes/2018/12/4/1543924926ironman1537870116062544.jpg