Как дать возможность пользователю изменять фон мобильного приложения?

Question

[lanvin lanvin07]

Приложение сбилдено в PhoneGap из html+css+js.
Фон задан в css:
background: url('../img/border.png') no-repeat;
Как дать возможность пользователю самому задавать фон из файла?
Самое простое, если пользователь просто загружает файл в определённое, заранее заданное, место. В какое место, в случае Андроида и в случае iOS?
Другое - через форму загрузки, но опять же вопрос, куда грузить, как переименовывать, ведь в css имя задано.
Если кто-то с этим сталкивался, подскажите, пожалуйста, как это реализовать.

Answer 1

[Николай]

Через форму + localstorage для сохранения и jquery для смены фона в css

Comments

[lanvin lanvin07]

Спасибо. А вы не могли бы привести ссылку на пример, мне не удаётся найти.

[Николай]

Готовых примеров нету!

[lanvin lanvin07]

Получилось реализовать с помощью загрузки через fileinput в LocalStorage и затем выводом в img на весь экран.
Это не совсем то. Хотелось всё же применить .css() к html, но что-то не соображу как... :-)

[Николай]

$("body").css("background-image", "url('" + base64String + "')");

[lanvin lanvin07]

ACCNCC: Спасибо, всё получилось!
Вот в этом было дело: url('" +. Двойные кавычки.
Где про такое написано? :-)

[lanvin lanvin07]

ACCNCC:
Странная история... В js работает, а при конвертации в PhoneGap Build - нет. В консоли вижу, что из Local Storage картинка извлекается, но применения css-свойства не происходит :-(

[Николай]

lanvin lanvin07: Пробуй менять через чистый js а не jquery

[lanvin lanvin07]

ACCNCC:
У меня в этом блоке из jquery только $(document).ready(function() да $("body").css().
Но я попробую.

[lanvin lanvin07]

Нет, не помогло :-(
Осталось только это:
document.body.style.backgroundImage="url('" + localStorage.getItem("liquImage") + "')";
и всё-равно не работает. Интересно, почему...
Придётся возвращаться к предыдущему варианту с картинкой на самом верху dom.