Sending base64 image to server in phonegap

Question

Trying to send the base64 image to server through restwebservice. Problem is i didnt get any error in logcat and its not hitting the server. Server url is correct. and i tested service using webapp its working fine. But in phonegap its problem

function Test() { alert(imgByte);

/**imgByte is in base64 format -->pic.src = "data:image/png;base64," + imageURI; imgByte = pic.src;*/ $.ajax({ type : "POST", url : IMGURL, data : { image : imgByte }, delay : 3, dataType : "text", cache : false, error : function(xhr, ajaxOptions, thrownError) { debugger; }, success : function(response, status, xhr) { alert("haiSuccess1"); response = xhr.responseText; var responseArray = JSON.parse(response); if (responseArray.status == "success") { alert("haiSuccess"); } } }); }

Have you tried reproducing the issue in a browser or something like Ripple? — Kevin Boyle
– Kevin Boyle, Commented Apr 17, 2013 at 8:49
@KevinBoyle i didnt get any type of parsing issue.. but the problem is the function is not going to success state. I checked log cat no error — RED.Skull
– RED.Skull, Commented Apr 17, 2013 at 8:56

Gajotres · Accepted Answer · 2013-04-17 09:52:49Z

Because you are using a Phonegap a cross domain call should not be a problem.

Is your picture taken successfully and can you see it?
Check you are receiving data on a server side.
In case there's a problem with a point 1. check if you can send any REST request to your server
Check that you have enough permission to access an internet from your mobile app

This is a working code I used in one of my examples.

Javascript :

navigator.camera.getPicture(success, fail, {quality: 45, sourceType: src}); function success(imageData) { var url = some_location; var params = {image: imageData}; // send the data $.post(url, params, function(data) { alert('sent'); // Display the selected image on send complete $('#image').attr('src', 'data:image/jpeg;base64,' + params['image']); }); } function fail(error) { alert(error); }

PHP :

<?php if ($_REQUEST['image']) { // convert the image data from base64 $imgData = base64_decode($_REQUEST['image']); // rest of the code } ?>

But my guess is you are receiving this error: Error 414 (Request-URI Too Large). You are trying to send to large picture. To fix this lower picture quality to lowest point and try to send it. If it works correctly then this is your problem.

Sivailango · Accepted Answer · 2015-03-24 14:00:47Z

Its not Phonegap problem. By default your webserver (Server side code runnning on server), they restricted the Incoming data size (not file size ) to some fixed size. You should increase to get this to be work.

Collectives™ on Stack Overflow

Sending base64 image to server in phonegap

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related