Плагин Cordova Camera - добавление изображения после ближайшего элемента списка - PullRequest
Новая
       18

Плагин Cordova Camera - добавление изображения после ближайшего элемента списка

0 голосов
/ 07 мая 2019

Я пытаюсь получить изображение от пользователя с помощью плагина Cordova camera. Затем я хочу добавить это изображение под элементом списка, по которому щелкнул пользователь, чтобы открыть камеру.

https://i.imgur.com/TIL2y5I.png

Возможно, стоит отметить, что вышеупомянутое создается динамически с использованием AJAX

Пользователь нажимает «c», и открывается приложение камеры. Затем я хочу добавить его в то же место, но под ним.

В настоящее время у меня есть 

$('body').on('click', '.cam-item', function() {

document.addEventListener("deviceready",onDeviceReady,false);

function onDeviceReady() {
    pictureSource=navigator.camera.PictureSourceType;
    destinationType=navigator.camera.DestinationType;
}

navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
destinationType: Camera.DestinationType.FILE_URI });

function onSuccess(imageURI) {
  var img = $('<img class="att-img">')
  img.attr('src', imageURI);
  $(this).closest('li').insertAfter(img);
}

function onFail(message) {
    alert('Failed because: ' + message);
}
})

Это вообще не работает, но если я использую 

function onSuccess(imageURI) {
     var img = $('<img class="att-img">')
     img.attr('src', imageURI);
     img.appendTo('.app');
  }

изображение показано, однако это не жизнеспособно, так как я не могу создать класс для добавления его. Я просто хотел убедиться, что сама камера работает.

Любые указатели были бы великолепны.

...