Я использую библиотеку dropify, чтобы получить фотографию с локального пути.
$('.dropify').dropify();
<input type="file" name="file1" class="dropify" data-show-remove="false" data-default-file="/images/background2.jpg" data-allowed-file-extensions="gif png jpg jpeg" />
Когда пользователь меняет фотографию по умолчанию, я хочу показать в качестве фонового изображения другой div, поэтому я пишу:
$("input[type=file]").on('change',function(){
var image = $('.dropify-render img').prop('src');
console.log(image);
$('.template_edit').css('background-image', 'url(' + image + ')');
});
Я проверяю журнал консоли, но он говорит "undefined", а также изображение не меняется ...
Как я могу сделать фотографию и показать ее в качестве фона?