JQuery не удалось изменить URL-адрес фонового изображения

Question

JQuery не удалось изменить URL-адрес фонового изображения

0

У меня есть следующий стиль для DIV:

#dropzone
    {
        height: 530px;
        width: 530px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 2px dashed #0687FF;
        display: block;
        background-image: url(/Images/RE/02.png);
    }

Я реализую функцию перетаскивания в Интернете. И, снижая изображение, я получаю целый кусок строк, как показано ниже:

Я пытаюсь изменить фоновое изображение моей dropzone используя

alert(evt.target.result);
//$('#dropzone').css('background-image', url(evt.target.result));
//$('#dropzone').css('background-image', evt.target.result);

Оба из комментариев не работают. Пожалуйста посоветуй

Isaac Lem 01 окт. 2013, в 10:25

Источник

0

Вы пытались поместить значения в кавычки $ ('# dropzone'). css ('background-image', 'url ("' + evt.target.result + '")');
jerjer 01 окт. 2013, в 08:13

Теги:

javascript

jquery

html

css

2 ответа

0

Вы должны поместить jpg-изображение и посмотреть, как оно появится, но есть проблема с файлами png, попробуйте это

Fiham Zuher 01 окт. 2013, в 06:18

Ещё вопросы

Вы пытались поместить значения в кавычки $ ('# dropzone'). css ('background-image', 'url ("' + evt.target.result + '")');

fcalderan · Accepted Answer · 2013-10-01T06-18-00.000Z

4

Лучший ответ

попробуйте использовать обозначение camelCase для свойства и интерполировать переменную, например

$('#dropzone').css('backgroundImage', 'url(' + evt.target.result + ')');

fcalderan 01 окт. 2013, в 06:18

0

Я пробовал также с background-image и он отлично работает. Мне интересно, где взять все возможные теги для наилучшей практики?
SuicideSheep 01 окт. 2013, в 08:14
0

Что вы имеете в виду под «тегами для лучших практик»? Это звучит как слишком широкий вопрос
fcalderan 01 окт. 2013, в 08:16
0

Я имею в виду, кажется, что мы используем background-image или backgroundImage для JQuery? JQuery вообще не чувствителен?
SuicideSheep 01 окт. 2013, в 08:20
0

Если вы посмотрите на исходный код jQuery 1.10 , в строке 7048 есть вызов метода camelCase() . В общем , вы бы пропустить - замена. Но обе версии будут работать в этом случае
fcalderan 01 окт. 2013, в 08:30
0

если вы изменяете одно свойство, просто используйте обычные имена CSS, но если вы обновляете несколько свойств CSS в одном методе CSS, вам необходимо указать его, например: {backgroundImage: 'url (../../ etc .jpg) ', fontSize:' 12px ', fontWeight: 900}
mattbee 01 окт. 2013, в 08:31

Показать ещё 3 комментария