通過phonegap加載相機或圖庫

Question

我有一個區域，我想要兩個按鈕來加載相機並上傳圖片或加載圖庫，然后上傳圖片。 這是一個phonegap應用程序。

這有效： HTML：

<a href="#" onclick="takep()"><img src="icons/camera-icon.png" /></a>

JS：

function takep(SessionKey, PetID) {
    // Retrieve image file location from specified source
    navigator.camera.getPicture(
        uploadPhoto,
        function(message) { alert('get picture failed'); },
        {
            quality         : 50,
            destinationType : navigator.camera.DestinationType.FILE_URI,
            sourceType      : navigator.camera.PictureSourceType.PHOTOLIBRARY
        }
    );
}

function uploadPhoto(imageURI) {
    $.mobile.loading( 'show', { theme: "b", text: "Loading", textonly: false})
    var options = new FileUploadOptions();
    options.fileKey="file";
    options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
    options.mimeType="image/jpeg";


    var params = {};
    var Username = localStorage.getItem("Username");
    var SessionKey = localStorage.getItem("SessionID");
    var PetID =  localStorage.getItem("addPetID");
    var callback = "moo0";

    params.Username = Username;
    params.SessionKey = SessionKey;
    params.AnimalKey = PetID;
    params.Filename = "moo";
    params.callback = callback;
    console.log(Username);
    console.log(SessionKey);
    console.log(PetID);



    options.params = params;

    var ft = new FileTransfer();
    ft.upload(imageURI, encodeURI("http://redacted/UploadFileCollection"), win, fail, options);

}

但是，這兩個按鈕都不加載任何內容：

HTML：

<a href="#" onclick="capturePhotoWithData()" class="ui-btn ui-btn-inline">From Camera</a>
        <a href="#" onclick="capturePhotoWithFile()"  class="ui-btn ui-btn-inline ui-btn-b">From File</a>

JS：

function capturePhotoWithData() {
    // Take picture using device camera and retrieve image as base64-encoded string
    navigator.camera.getPicture(uploadPhoto, onFail, { quality: 50 });
}

function capturePhotoWithFile() {
    navigator.camera.getPicture(uploadPhoto, onFail, { quality: 50, destinationType: Camera.DestinationType.FILE_URI, sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY });
}

Answer 1

這是有關phonegap上的媒體示例的鏈接：

它是來自phonegap員工的：

https://github.com/ismael-jimoh/Media-FilePath

您的軟件包中可能沒有包含cordova.js ...這就是為什么它不起作用的原因。