How to upload the image to a server in Android PhoneGap?

Upload image from android phonegap to a server using asmx

  • I'm trying to upload captured/library image from phonegap application (android) , when am calling asmx web service i got a connection error , note that mobile and server are on the same network here is my code : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>File Transfer Example</title> <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script> <script type="text/javascript" charset="utf-8" src="jquery.js"></script> <script type="text/javascript" charset="utf-8"> function getphoto(){ navigator.camera.getPicture(uploadPhoto,function(message) { alert('get picture failed'); },{ quality: 10,destinationType:navigator.camera.DestinationType.FILE_URI,sourceType:navigator.camera.PictureSourceType.PHOTOLIBRARY }); } function uploadPhoto(imageURI) { document.getElementById("myimg").src=imageURI; var options = new FileUploadOptions(); options.chunkedMode = false; options.fileKey="recFile"; var imagefilename = imageURI; options.fileName=imagefilename; options.mimeType="image/jpeg"; // var params = new Object(); //params.value1 = "test"; //params.value2 = "param"; //options.params = params; var ft = new FileTransfer(); alert(imagefilename); //alert(options); //alert(params); ft.upload(imageURI, "http://10.3.150.16/WebSite1/Service.asmx/SaveImage", win, fail, options); } function win(r) { //console.log("Code = " + r.responseCode); //console.log("Response = " + r.response); alert("Sent = " + r.bytesSent); } function fail(error) { switch (error.code) { case FileTransferError.FILE_NOT_FOUND_ERR: alert("Photo file not found"); break; case FileTransferError.INVALID_URL_ERR: alert("Bad Photo URL"); break; case FileTransferError.CONNECTION_ERR: alert("Connection error"); break; } alert("An error has occurred: Code = " + error.code); } </script> </head> <body> <button onclick="getphoto();">get a Photo</button> <button onclick="getphoto();">Upload a Photo</button> <img src="" id="myimg" style="border:1px solid #0f0;height:200px;width:200px;" /> </body> </html> and here is my asmx we service code: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. // [System.Web.Script.Services.ScriptService] public class Service : System.Web.Services.WebService { [WebMethod] public string SaveImage() { HttpPostedFile file = HttpContext.Current.Request.Files["recFile"]; if (file == null) return null; string targetFilePath = "c:\\deposit\\" + file.FileName; file.SaveAs(targetFilePath); return file.FileName.ToString(); } }

  • Answer:

    Could be a firewall issue? Have yo enabled port 80 access to external devices? Note you must host the service in IIS not Kasini (the default visual studio service) Ta Ross

do5an at Stack Overflow Visit the source

Was this solution helpful to you?

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.