Drupal Services File Create Example with JSON and JQuery

I cannot change the filepath to any subfolder such as sites/default/files/images/. all files r listed under the files folder. Can you give me some help? Thanks a lot.

Hi Tyler,

I am using rest services in drupal 7 to upload images from iOs to drupal site. I am facing issue when trying to upload image larger than 800kB (content length of request is nearly 1 000 000 characters).

I have already posted question on http://drupal.org/node/1862478 .

Can you please take look at it and give your thoghts.

Thanks,

Milorad

What do you mean "my_base_64_encoded_image_string" ؟ 

thx :)

Tyler, thanks for all your hard work on Drupalgap.  I've been working with it to set up an app over the past week and although I've hit some speed bumps, the Drupal Services part of it has been one of the easiest parts because of your tutorials.  

I'm trying to capture photos to associate with a node now, and I'm wondering if you had any thoughts on how to properly do this?  Would you put an upload photo button on the node create screen much like Drupal's desktop interface, then associate the returned URL with the node?  Run everything on submit and make the user wait on the file uploading, then the node create?    

Hey Tyler -- how exactly would we attach a file to a node? Would the same procedure apply to attaching an image to a node or a user, should that field be exposed properly?

Just what I was looking. Thanks for the example!!

Hi, may i know how did you get your my_base_64_encoded_image_string?

Hi tyler,

     Thanks for writing detailed articles. All these are very helpful . 

In my case am able to upload image to files after uploading i need to add that image to my content type. There in webservice what i need to specify

Please help me out.

Thanks in advance.

Hi tyler

Thanks for your quick response. When am trying to upload image

Am getting following callback error.. I culdnt able to get the sollution please help out.

I/Web Console(18020): Error in success callback: Capture2 = ReferenceError: cannot find the variable at file:///android_asset/www/cordova-1.5.0.js:561

 

Hi 

We are trying to upload a picture using phonegap's camera API And then link it to a node of particular content type using Drupal 7 services 3. Here is the code:

function onPhotoDataSuccess(imageData) {

                                // Uncomment to view the base64 encoded image data

                                // console.log(imageData);

                                // Get image handle

                                //

                                var smallImage = document.getElementById('smallImage');

                                // Unhide image elements

                                //

                                smallImage.style.display = 'block';


                                // Show the captured photo

                                // The inline CSS rules are used to resize the image

                                //

                                smallImage.src = "data:image/jpeg;base64," + imageData;

                                console.log(smallImage.src);

                }

               


Next user will click an upload button to upload in the server. Following is the code for upload


function  upLoad(){

                                console.log("in do sservice");

                                var imageSrc = document.getElementById("smallImage").src;

                               

                                console.log(imageSrc); ->able to get the image data

                                var data = {

                                                                  "file":{

                                                                    "file": imageSrc,

                                                                    "filename":"my_image12.jpg",

                                                                    "filepath":"sites/default/files/my_image12.jpg",

                                                                                                                                  }

                                                                };

                               

                                                                                 $.ajax({

                                                                      url: "http://jitll.com/xpert/rest/file.json",

                                                                      type: 'get',

                                                                                      data: data ,

                                                                      dataType: 'json',

                                                                      error: function(XMLHttpRequest, textStatus, errorThrown) {

                                                                        alert('error');

                                                                        console.log(JSON.stringify(XMLHttpRequest));

                                                                        console.log(JSON.stringify(textStatus));- After changing file permissions am getting null as an error.

                                                                        console.log(JSON.stringify(errorThrown));

For this, am getting a null error and not sure why. 

Image sucessfuly uploaded in to the server but when i try to open it its saying it is invalid image format.. Here is the image data am sending to the sever

{"uid":"1","filesize":"99999","filename":"whatever.jpg","file":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2 .............."}

Hi Tylor!

Nice Tutorial, I got a problem when i try to save the image using the services "Could not write file to destination". Please give me an idea what is causing this error?

And please can you provide sample code for above tutorial (D7).

Thanks.

Hi Tyler, thanks for the post. I just want to know whether we can get multiple fid's with single call to file.json? Basically I want to include two files and send to file.json, and get two fid's. 

How to create the file inside the "files" folder?

After successul post to Drupal.settings.basePath + 'my_services_endpoint/file.json' the retorned URI give all image data in base64 format, uri_full, filename etc, but the file is not created in the disk inside the files folder.

I think I can do this using create_raw but I can not make it work. I do not know how to pass parameters, or what parameters to pass.

1. Uncaught ReferenceError: edit_node_edit_field_photo_und_0_value_imagefield_source is not defined VM1430:1
   
   1. (anonymous function)VM1430:1
   2. b.event.dispatchjquery-1.9.1.min.js:3
   3. v.handl
   4.  
   5. Uncaught ReferenceError: edit_node_edit_field_photo_und_0_value_imagefield_destination_type is not defined VM1430:1
      
      1. (anonymous function)VM1430:1
      2. b.event.dispatchjquery-1.9.1.min.js:3
      3. v.handle
      4. The image select option and image capture buttion not working in phonegap camera api

Is there an updated version of the code taking into account the CSRF token? I've been trying to get this to work for days. Also how  do you get the base64 image string? Say you have a file input in a custom form you built and you just want to upload an image into drupal?

I can attach files, however, how do I detach files? Say, I have field_image on the user account entity. How do I unlink that file id from my user object?

Hi Tyler, do you know how to download a file using Drupal private files system? I'm trying cordova app, but i´m stuck cause I get the user session correctly but the download doesn't works. Thanks a lot, I appreciate your help so much.

Regards

Hi Tyler,

Great post!! 

How do you create an image and pass the alternate text along? I don't think it's possible but just want to make sure.

Thank you