Да, вы можете!Но для этого браузер должен поддерживать локальное хранилище!Это HTML5 API, поэтому большинство современных браузеров смогут это сделать!Помните, что localalstorage может сохранять только строковые данные, поэтому вы должны изменить изображения в строку BLOB-объектов.Ваш источник изображения будет выглядеть примерно так
Это короткий фрагмент, который поможет вам!
if(typeof(Storage)!=="undefined"){
// here you can use the localstorage
// is statement checks if the image is in localstorage as a blob string
if(localStorage.getItem("wall_blue") !== null){
var globalHolder = document.getElementById('globalHolder');
var wall = localStorage.getItem('wall_blue');
globalHolder.style.backgroundImage= "url("+wall+")";
}else{
// if the image is not saved as blob in local storage
// save it for the future by the use of canvas api and toDataUrl method
var img = new Image();
img.src = 'images/walls/wall_blue.png';
img.onload = function () {
var canvas = document.createElement("canvas");
canvas.width =this.width;
canvas.height =this.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0);
var dataURL = canvas.toDataURL();
localStorage.setItem('wall_blue', dataURL);
};
}}else{//here you upload the image without local storage }
Надеюсь, вы найдете этот короткий фрагмент полезным.Помните, Localstorage сохраняет только строковые данные, поэтому вы не можете
Да, и, кстати, если вы используете jcrop для обрезки изображений, вы должны сохранить код BLOB-объекта из изображения в форму и отправить его на сервер вручную, посколькуjcrop обрабатывает изображения только как файл, а не как строку base64.
Удачи!: D