how to upload image capture from camera via POST ?

[Ibrahim Ahmed Taymor]

how to upload image capture from camera via POST ?
to call api
http://www.faceplusplus.com/recogniti...
the binary data of the image uploaded via POST

[Evgene Karachevtsev]

Hello Ibrahim,

Could you please clarify, do you want too upload it to the Appery.io db, or to some other db?

[Ibrahim Ahmed Taymor]

thank you for fast response.
i need to upload to Appery.io db as Files to get imge URL sent to http://www.faceplusplus.com/recogniti...

like

https://api.appery.io/rest/1/db/files...

or

sent to http://www.faceplusplus.com/recogniti... direct using the binary data of the image uploaded via POST

[Evgene Karachevtsev]

Ibrahim,

Could you please detail, have you seen this tutorial: http://devcenter.appery.io/tutorials/... ?

[Ibrahim Ahmed Taymor]

yes
but in the tutorial the image is base64 ( i need URL to send to another API)

like this tutorial
http://devcenter.appery.io/tutorials/...

i can't send image is base64 to the server (i need url file)
like

https://api.appery.io/rest/1/db/files...

[Ibrahim Ahmed Taymor]

i am try this code but the image not working have a text (file:/storage/emulated/0/DCIM/Camera/1418401211483.jpg)

any advice
i call

code

captureImage()
/code
code
<script>
&#47;&#47;Camera Section
&#47;&#47; Wait for PhoneGap to load
document&#46;addEventListener("deviceready", onDeviceReady, false);

&#47;&#47; PhoneGap is ready
function onDeviceReady() {}

&#47;&#47; Called when capture operation is finished
&#47;&#47;
function captureSuccess(mediaFiles) {
console&#46;log('captureSuccess');
uploadFile(mediaFiles[0]);
}

&#47;&#47; Called if something bad happens&#46;
&#47;&#47;
function captureError(error) {
var msg = 'An error occurred during capture: ' + error&#46;code;
navigator&#46;notification&#46;alert(msg, null, 'Uh oh!');
console&#46;log('msg');
}

&#47;&#47; A button will call this function
&#47;&#47;
function captureImage() {
&#47;&#47; Launch device camera application,
&#47;&#47; allowing user to capture only one image by {limit: 1}
navigator&#46;device&#46;capture&#46;captureImage(captureSuccess, captureError, { limit: 1 });
}

&#47;&#47; Upload files to server
function upload(mediaFile) {
path = mediaFile&#46;fullPath;
name = mediaFile&#46;name;

Code: Select all

 var options = new FileUploadOptions(); 
 options.fileKey="file&quot 
 options.fileName=mediaFile.name; 
 options.mimeType="image/jpeg&quot 

 var params = new Object(); 
 params.fullpath = path; 
 params.name = name; 

 options.params = params; 
 options.chunkedMode = false; 

 var ft = new FileTransfer(); 
 ft.upload( path, "http://www.serverurl.com/image_upload", 
     function(result) { 
//upload successful 

alert("upload successful");
alert(result);
},
function(error) {
&#47;&#47;upload unsuccessful, error occured while upload&#46;
alert("upload unsuccessful");
alert(error);
},
options
);
}

function uploadFile(mediaFile) {
path = mediaFile&#46;fullPath;

Code: Select all

 //    Appery('file_input').val(path); 
 //alert(path); 
 //alert(Appery('file_input').val(path)); 

name = mediaFile&#46;name;
console&#46;log(path);
console&#46;log(name);
var serverUrl = 'https:&#47;&#47;api&#46;appery&#46;io/rest/1/db/files/' + name;
console&#46;log(serverUrl);

Code: Select all

 $.ajax({ 
     type: "POST", 
     beforeSend: function(request) { 
         request.setRequestHeader("X-Appery-Database-Id", ' 

454546454645445'),
request&#46;setRequestHeader("X-Appery-Session-Token","444-b122-46a2-8bab-DEDEDE"),
request&#46;setRequestHeader("Content-Type", "image/jpeg");

Code: Select all

     }, 
     url: path, 
     data:mediaFile.data, 
     processData: false, 
     contentType: false, 
     success: function(data) { 
     console.log(data);  
          console.log("upload successful"); 
         alert(data); 
         alert("upload successful");  
         //  Apperyio('file_input')=path; 
         //value 
         //     console.log(Appery('file_input'));  

         //console.log(Appery('file_input')); 
         //console.log(Appery('file_input').value(path));  
         localStorage.setItem('db_file_name', name); 

         uploadMultipleFilesHelperNew(uploadService2,Appery('file_input')); 

         // OPTIONAL, this is the file name under which the image was stored in database.... 
         localStorage.setItem('db_file_path', path); 
         localStorage.setItem('db_file_name', name); 

      }, 
     error: function(data) { 
          console.log("upload unsuccessful"); 
          console.log(data); 
         alert("upload unsuccessful"); 
         alert(data); 
         // do something in case of an error... 
     } 
 }); 

}
</script>
/code

[Ihor Didevych]

Hi Ibrahim,

1) You should use this tutorial
http://devcenter.appery.io/tutorials/...
2) Next step, after your image uploaded, you should get URL to your image.
After you send image to DB, You'll get response file name.
So on success event add javascript handler you can easily generate url to your file like this: var url = 'https://api.appery.io/rest/1/db/files...'+ data.filename+'?encoded="base64"&masterKey=MASTER_KEY';

[Ibrahim Ahmed Taymor]

kindly be informed that step one working but URL not working
may be the table is empty.

[Ibrahim Ahmed Taymor]

any update

[Illya Stepanov]

Hi Ibrahim,

Could you please show us what have you implemented so far and what exactly is not working?