PhoneGap FileTransferError code 3 http_status 404 iOS
===

I am trying to create an iOS app using PhoneGap that will allow a user to upload photos to a web server.  Here is my code.

    <!DOCTYPE html>
    <html>
    <head>
        <title>Capture Photo</title>
        
        <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
        <script type="text/javascript" charset="utf-8">
            
            // Wait for PhoneGap to load
            document.addEventListener("deviceready", onDeviceReady, false);
            
            // PhoneGap is ready
            function onDeviceReady() {
                // Do cool things here...
            }
            
            function getImage() {
                // 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) {
                var options = new FileUploadOptions();
                options.fileKey="recFile";
                options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
                options.mimeType="image/jpeg";
                
                var params = new Object();
                params.value1 = "test";
                params.value2 = "param";
                
                options.params = params;
                
                var ft = new FileTransfer();
                ft.upload(imageURI, "http://someWebSite.com/Testing/SaveImage.asmx/SaveImage", win, fail, options, true);
            }
            
            function win(r) {
                console.log("Code = " + r.responseCode);
                console.log("Response = " + r.response);
                console.log("Sent = " + r.bytesSent);
            }
            
            function fail(error) {
                alert("An error has occurred: Code = " + error.code);
                alert("source = " + error.source);
                alert("http_status = " + error.http_status);
                console.log("upload error source " + error.source);
                console.log("upload error target " + error.target);
            }                        
            </script>
    </head>
    <body>
        <button onclick="getImage();">Upload a Photo</button>
    </body>
</html>

Is anything wrong with my index.html file, or is the problem with the ASMX file?

Whenever I try to test this out on a 4th generation iPod Touch, I get the following error message:

    2012-07-09 16:24:03.257 Test1[916:707] File Transfer Finished with response code 404
    2012-07-09 16:24:03.260 Test1[916:707] FileTransferError {
    code = 3;
    "http_status" = 404;
    source = "http://someWebSite.com/Testing/SaveImage.asmx/SaveImage";
    target = "file://localhost/var/mobile/Applications/5DD01E68-02F7-410B-996A- 2D70BF1A61D3/tmp/cdv_photo_046.jpg";}
    2012-07-09 16:24:07.137 Test1[916:707] ERROR: Plugin 'Debug Console' not found, or is not a CDVPlugin. Check your plugin mapping in Cordova.plist.