Background Image - zły path

Hej,

z góry przepraszam jeśli temat banalny albo gdzieś się juz pojawił, jestem nowy tu na forum jak i w samym programowaniu.

Mam problem w javascript z ustawieniem dynamicznie elementowi background image.
Dodaje obraz o nazwie "random.jpg" i przypisuje go do stylu tego elementu.
Niestety po wykonaniu się wszystkich funkcji przy background-image = "c:ukepathrandom.jpg."
Natomiast console.logujac value tego elementu wychodzi mi "C:\fakepath\random.jpg"

Czy istnieje jakaś metoda która moze w tym pomóc albo jakiś inny sposób?

el.backgroundImage = "url('sciezka_relatywna.jpg')";

lub:

el.backgroundImage = "url('file:///D:/sciezka_bezwzgledna.jpg')";

Ogólnie, to url obrazka jest dodawany dynamicznie poprzez inputa więc z tego co rozumiem nie jest ważne, czy obraz znajduje się w tym samym folderze (ale też tego próbowałem, bez skutku).

pod itemPicture.value znajduje się poprawna nazwa obrazka (sprawdzone przez console.log), dopiero po ustawieniu backgroundImage pokazuje się błędna nazwa.

Wszystko znajduje się w jednym folderze bez żadnych podfolderów.

Kod tego miejsca w js wygląda następująco.

let picture = itemPicture.value;
newShoppingItem.style.backgroundImage = `url("${picture}")`;
console.log(itemPicture.value);