Problems with Upload Widget v2 api

Alex Grant

September 16, 2018 20:01

Hi All,

 

I am trying to update from Version 1 to Version 2 of the Upload Widget: https://cloudinary.com/documentation/upload_widget_2#api_events

The old widget returned a set of Images in an Array which I then used an API to processes thumbnails.  

The new widget returns a JSON object which is messing up my code..

I have created a function to make an Array from the JSON, but it is creating multiple versions of each image as it is running on each Successful result..   

 

How can I make it so it simply returns an array with the objects that I upload?

 

theThum = [];

        // Upload button

        $uploadBtn.click(function() {

            

            cloudinary.openUploadWidget({

                cloud_name: 'fy',

                upload_preset: 'xxx',

                sources: [ 'local', 'url', 'camera', 'image_search', 'facebook', 'google_photos' ], // 'dropbox'

                // dropbox_app_key: 'xxx',

                google_api_key: 'xxx',

                search_by_sites: ["all", "cloudinary.com"],

                search_by_rights: true

            },

            (error, result) => {

                    //result = Array.from(result);

                    if(result.event === 'success') {    

                        theThum.push(result.info);  

                        console.log(theThum);

                        setThumb(theThum);

                    };  

            

                });

        }); 

                    //console.log(myResult);

                    //console.log(myResult);

                    function setThumb(myResult) {

                    

                        myResult.map(function(img_data, idx) {

                            var $files = [];

                            var $placeholder = renderPlaceholder();

                            $placeholder.prop('data-id', img_data.public_id);

                            uploads[img_data.public_id] = img_data;

                            processUploads();

        

                            if (imagePreviews) {

                                $placeholder.find('.img-thumbnail .placeholder').prop('src', img_data.url).prop( 'title', escape(img_data.public_id) );

                            }

                            

                            $placeholder.find('.btn-undo-upload').click(function() {

                                if (directUploading) {

                                    if ($placeholder.prop('data-id')) {

                                        delete uploads[$placeholder.prop('data-id')];

                                        processUploads();

                                    }

                                } else {

                                    $field.remove();

                                }

                                

                                $placeholder.remove();

                                

                                checkQueues();

                            });

            

                            $files.push(_.first($placeholder));

        

                            updateStatus($placeholder, 'Remove', 'glyphicon-ok');

            

                            checkQueues();

                            $(window).trigger('redraw');

            

                            return $placeholder;

                            })      

                    };  

0

• 

  Raya Straus

  September 17, 2018 09:58

  Can you please elaborate on why you're placing the response inside an array?

  If you take a look at result.info it is the same structure as the previous version response. If you wish to place this response into a single array, then you can simply add brackets around the response. For example,

  if (result.event == "success") {
      var arr = [result.info];
      console.log(arr);
  }
  

  0

Post is closed for comments.