Phonegap - pobieranie zdjęcia z rolki aparatu po ścieżce

Question

W mojej aplikacji PhoneGap/jQuery Mobile używam obecnie interfejsu API aparatu PhoneGaps, aby umożliwić użytkownikowi zrobienie zdjęcia, które jest również przechowywane w rolce z aparatu. Ustawiam DestinationType na FILE_URI i zapisuję tę ścieżkę w lokalnej bazie danych. Jednak FILE_URI to ścieżka do tymczasowej lokalizacji, która jest niszczona po zamknięciu aplikacji. Myślałem o zapisaniu nazwy obrazu, a następnie odzyskaniu obrazu z rolki kamery. Czy istnieje ścieżka, z której mogę później pobrać obrazy z rolki z aparatu?

byłem zapisywania obrazów jako base64 w db, ale jestem trochę zmęczony tej metody z powodu tej noty w PhoneGap API Doc:

Uwaga: Jakość obrazu zdjęć wykonanych za pomocą aparatu na nowszych urządzeniach jest całkiem niezły. Kodowanie takich obrazów za pomocą Base64 spowodowało problemy z pamięcią na niektórych urządzeniach (iPhone 4, BlackBerry Torch 9800). Dlatego zalecane jest użycie parametru FILE_URI jako "Camera.destinationType".

EDIT:

Got to praca z odpowiedzią @Simon MacDonalda. Oto mój kod okrojoną:

function capturePhoto() { 
    navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 25, destinationType: Camera.DestinationType.FILE_URI }); 
} 

function onPhotoURISuccess(imageURI) { 
    createFileEntry(imageURI); 
} 

function createFileEntry(imageURI) { 
    window.resolveLocalFileSystemURI(imageURI, copyPhoto, fail);  
} 

function copyPhoto(fileEntry) { 
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) { 
     fileSys.root.getDirectory("photos", {create: true, exclusive: false}, function(dir) { 
       fileEntry.copyTo(dir, "file.jpg", onCopySuccess, fail); 
      }, fail); 
    }, fail); 
} 

function onCopySuccess(entry) { 
    console.log(entry.fullPath) 
} 

function fail(error) { 
    console.log(error.code); 
} 

Answer 1

Po pobraniu pliku za pomocą metody FILE_URI należy użyć File API, aby skopiować obraz z folderu temp do folderu dokumenty i zapisać nową ścieżkę w DB .

Więc możesz wziąć wynik swojego getPicture() przekazać go do window.resolveLocalFileSystemURI(), aby uzyskać FileEntry. Następnie możesz wywołać metodę FileEntry.copyTo(), aby utworzyć kopię zapasową pliku.

Answer 2

Od Cordova 1,8 to działa dobrze, patrz:

http://docs.phonegap.com/en/1.8.0/cordova_camera_camera.md.html#Camera

Answer 3

Przepraszam, że musiałem utworzyć osobne stanowisko, ponieważ nie mam wystarczająco dużo reputacji uwag.

Dziękuję Simonowi za poradę i Casey za rozwiązanie.

Pracowałem nad aplikacją Cordova, która wymaga ode mnie zrobienia zdjęcia na iOS, zapisania go w katalogu i łącza do lokalnej pamięci masowej, aby uzyskać do niego dostęp później. Po przesłaniu zdjęcia aplikacja musi usunąć ją z katalogu.

Oto kody, jak to zrobić, a także w jaki sposób można wyświetlić folder Dokumenty projektu.

Możesz uzyskać pełny katalog zdjęcia, które chcesz usunąć, używając $ ('# pictureid'). Attr ('src').

function deletePic(file){ 
    console.log("deleting: "+file+"..."); 
    var file = "photos/"+file.toString().split('/').slice(-1)[0]; //gets photo name 

    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys){ 
    fileSys.root.getFile(file, 
       {create:false}, 
       function(entry){ 
        entry.remove(); 
       }, resOnErrorDelete); 
       }, 
    resOnErrorDelete);   
} 

function resOnErrorDelete(error) { 
    console.log("resOnErrorDelete: "+error.code); 
} 

Ewentualnie, jeśli masz formularz z wieloma załącznikami fotograficznych, może chcesz dać Dokumenty folder utworzony w celu umieścić obrazy unikalną nazwę. W ten sposób możesz usunąć cały folder po przesłaniu partii zdjęć, zamiast usuwać je jeden po drugim.

function deleteFolder(folder){ 
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys){ 
    fileSys.root.getDirectory(folder, 
       {create:true, exclusive: false}, 
       function(entry){ 
        entry.removeRecursively(); 
       }, resOnErrorDelete); 
       }, 
    resOnErrorDelete);   
} 

function resOnErrorDelete(error) { 
    console.log("resOnErrorDelete: "+error.code); 
} 

W celu uzyskania dostępu do folderu projektu dokumenty, trzeba edytować plist włączyć iTunes File Sharing

Przejdź do [project_folder]/platform/iOS/[PROJECT_NAME]/[PROJECT_NAME] -Info.plist. Kliknij prawym przyciskiem myszy i otwórz przy pomocy XCode.

Zobaczysz tabelę kluczy. Kliknij prawym przyciskiem myszy wszędzie pod tabelą i Dodaj wiersz. Zostanie utworzony nowy wiersz. Kliknij dwukrotnie klucz i wpisz: UIFileSharingEnabled. Automatycznie zmieni się na Aplikacja obsługuje udostępnianie plików iTunes, wpisz tę wartość klucza na TAK.

Teraz, jeśli przejdziesz do iTunes w aplikacjach na urządzenia z systemem iOS, przewiń do samego dołu, aby zobaczyć obszar Udostępnianie plików, w którym możesz zobaczyć swój folder. Jest jednak po to, abyś zapisał, ale nie edytował.

Mam nadzieję, że wszystkie te dodatkowe informacje pomagają. Badanie zajęło mi 2 dni.

Answer 4

Udostępnianie mojej wersji, która używa obietnic i resolveLocalFileSystemURL z wyjątkiem resolveLocalFileSystemURI, ponieważ druga jest nieaktualna. Używa również oryginalnej nazwy pliku w nowej utworzonej.

function copyPhotoToAppDir(imageURI) { 
    if(!imageURI){ 
    console.warn("You need to pass imageURI"); 
    return; 
    } 

    var fileNameSplit = imageURI.split("/"), 
    fileName = fileNameSplit[fileNameSplit.length - 1], 
    deferred = $q.defer(); 

    var copyPhoto = function(fileEntry) { 
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) { 
     fileSys.root.getDirectory("photos", {create: true, exclusive: false}, function(dir) { 
     fileEntry.copyTo(dir, fileName, onCopySuccess, onFileFail); 
     }, onFileFail); 
    }, onFileFail); 
    }; 

    var onCopySuccess = function onCopySuccess(entry) { 
    console.log("NEW PATH", entry.fullPath); 
    deferred.resolve(entry.fullPath); 
    }; 

    var onFileFail = function (error) { 
    console.log("COPY FAIL", error); 
    deferred.reject(); 
    }; 

    window.resolveLocalFileSystemURL(imageURI, copyPhoto, onFileFail); 

    return deferred.promise; 
} 

Zastosowanie:

var uri = "path1"; 
copyPhotoToAppDir(uri).then(function(newURI){ 
    console.log(newURI); 
}); 

Wielokrotne użycie URI:

var uriArr = ["path1", "path2"]; 
    copyPhotoPromises = []; 

uriArr.forEach(function(val){ 
    copyPhotoPromises.push(copyPhotoToAppDir(val)); 
}); 
$q.all(copyPhotoPromises).then(function(values){ 
    console.log("Array with new paths", values); 
}); 

Nowe URI plik zostanie zapisany jako "/photos/fileName.jpg". Aby uzyskać bezwzględną ścieżkę, można użyć:

cordova.file.documentsDirectory + newFileUri.substring(1); 

Używam $ q od kanciasty, żeby obsłużyć obietnic, ale może być łatwo zmieniona na jednym jQuery.

deferred = $q.defer(); 

musiałyby zostać zmienione na:

deferred = jQuery.Deferred(); 

Cheers