This is a migrated thread and some comments may be shown as answers.

Using FileTransfer to upload a file but getting a Null error for Code, Source and Target

9 Answers 584 Views

Apache Cordova

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Brad asked on 30 Dec 2013, 03:35 AM

I'm testing with the Camera Sample project and using the _onPhotoURISuccess callback to call the following function. The image displays fine but I'm getting Null in the Error callback for the FileTransfer upload method for Code, Source and Target.

I've tried the tried using Asp.net Web Api and a regular MVC controller but neither are hit by the FileTransfer upload call.

function uploadPhoto(imageURI) {

var options = new FileUploadOptions();

options.fileKey = "file";

options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);

options.mimeType="image/jpeg";

var params = {};

params.value1 = "test";

params.value2 = "param";

options.params = params;

options.chunkedMode = false;

var ft = new FileTransfer();

ft.upload(imageURI, encodeURI("http://localhost:50374/photo/upload"), win, fail, options);

}

Thanks,
Brad

9 Answers, 1 is accepted

answered on 30 Dec 2013, 04:47 AM

I used the the solution from the following post http://www.icenium.com/resources/forums/icenium-mist-/in-simulator-my-file-upload-working-but-in-apple-ipad-its-not-working under the link Upload a File to a Remote Server with PhoneGap but I'm having the same issue with getting nulls in the error callback.

I have a regular Asp.NET MVC form that posts a file upload to the the same controller and it's able to hit it fine. It's just from the Graphite IDE.

<!DOCTYPE html>

<!--

Licensed to the Apache Software Foundation (ASF) under one

or more contributor license agreements. See the NOTICE file

distributed with this work for additional information

regarding copyright ownership. The ASF licenses this file

to you under the Apache License, Version 2.0 (the

"License"); you may not use this file except in compliance

with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,

software distributed under the License is distributed on an

"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

KIND, either express or implied. See the License for the

specific language governing permissions and limitations

under the License.

-->

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="format-detection" content="telephone=no" />

<meta name="viewport" content=

"user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"

/>

<link rel="stylesheet" type="text/css" href="css/index.css" />

<title>Hello World</title>

<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="js/index.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) {

console.log('in the function');

var options = new FileUploadOptions();

options.fileKey="file";

options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);

options.mimeType="image/jpeg";

console.log('settings parms');

var params = new Object();

params.value1 = "test";

params.value2 = "param";

options.params = params;

options.chunkedMode = false;

alert('transferring...');

var ft = new FileTransfer();

ft.upload(imageURI, "http://localhost:50374/photo/upload", win, fail, options);

}

function win(r) {

console.log("Code = " + r.responseCode);

console.log("Response = " + r.response);

console.log("Sent = " + r.bytesSent);

alert(r.response);

}

function fail(error) {

alert("An error has occurred: Code = " + error.code);

}

</script>

</head>

<body>

<div class="app">

<h1>Apache Cordova</h1>

<div id="deviceready" class="blink">

<p class="event listening">Connecting to Device</p>

<p class="event received">Device is Ready</p>

</div>

</div><br/><br/>

<button onclick="getImage();">Upload a Photo</button>

<script type="text/javascript">

app.initialize();

</script>

</body>

</html>

Accepted