Попытка добавить свойство css background-image к элементу, но он продолжает добавлять пробелы в моем URL

Question

Пожалуйста, я пытаюсь добавить свойство css background-image к элементу, но он продолжает добавлять пробелы в моем URL. Я создаю внешний интерфейс приложения, используя тему, используя laravel для внутреннего интерфейса.

$('.background-image-maker').each(function () { var imgURL = $(this).next('.holder-image').find('img').attr('src'); $(this).css('background-image', 'url(' + imgURL + ')'); });

но он добавляет пробел к моему img src .. вот как он выглядит, когда я проверяю его

<div class="background-image-maker" style="background-image: url("/storage/listings\a ugust2018\b Z3oR5cjVtLXQXSkGinM.jpg");"></div>

Есть идеи, как решить проблему? Вот HTML-раздел

<div class="background-image-maker"></div> <div class="holder-image"> <img src="/storage/{{ $listing->cover_image }}" alt="" class="img-fluid d-none"> </div>

Answer 1

С использованием .replace()

 function getBackgroundImageUrl($element) {
    if (!($element instanceof jQuery)) {
      $element = $($element);
    }

    var imageUrl = $element.css('background-image');
    return imageUrl.replace(/(url\(|\)|'|")/gi, ''); // Strip everything but the url itself
  }