Andy Lanng Ответов: 0

Замените фоновое изображение на большой двоичный объект: url

Привет,

Кажется, что это должно работать без проблем, но это просто не так.


Поэтому я использую очень фанковый поставщик загрузки файлов / изображений GitHub-danialfarid/ng-file-upload: облегченная угловая директива для загрузки файлов с дополнительной оболочкой FileAPI для кроссбраузерной поддержки[^]

Я собираюсь использовать это, чтобы позволить моим клиентам выбрать свой собственный логотип и фавикон.

Они могут просмотреть логотип на странице, установив флажок предварительный просмотр. Это приведет к обновлению логотипа и изображения фавикона на странице.

[Код ниже]

В соответствии с комментариями кода "что я пробовал": Изображение не меняется!

Я проверил, что url-адрес действителен, добавив его в элемент через Chrome inspector. Никаких проблем.

Так что же я делаю не так :S

Спасибо
Энди

Что я уже пробовал:

Логотип находится на $(". main-logo") в качестве фонового изображения:

$scope.logoChanged = function () {
    Upload.dataUrl($scope.file, false).then((fileUrl) => { 
//fileUrl: "blob:https://d15461a6.ngrok.io/eb87daf2-8581-4a83-a4d4-35ed19e18903"
        if ($scope.file) {
                        
            const logo = $('.main-logo'); // logo div
            if ($scope.previewImage) { //checkbox model
                const url = 'url("'+fileUrl+'") !important';
                logo.css("background-image", url); 
//url: url("blob:https://d15461a6.ngrok.io/eb87daf2-8581-4a83-a4d4-35ed19e18903") !important
                console.log(logo.css("background-image"))
//logo.css("background-image"): url(/Resources/images/ebLicence.png)
            } else {
                logo.css("background-image", logoBgImage);
            }
        }
    });
}

0 Ответов