topic Re: Add attachment with javascript api 4.x in ArcGIS JavaScript Maps SDK Questions

Add attachment with javascript api 4.x

JamesMoloney2 — Sun, 12 Dec 2021 08:10:17 GMT

Hi all

I have a feature layer that has attachments.

Using the javascript api I can query the feature layer for attachments using the queryFeatureAttachments method

fl.queryFeatureAttachments(feature).then(function(attachments){
 for (var x = 0, xl = info.length; x < xl; x++) {
   console.log(attachments[x]);
  };
});‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

So I now have the attachments and I can log them to console.

My question is how do I attach these attachments to a feature in another feature service?

There is no method in the javascript api 4.x to add an attachment

Has anyone worked out a way to do this? I was thinking of using the rest api Add Attachment—ArcGIS REST API: Services Directory | ArcGIS for Developers but I'm not sure what the post object should look like?

Any help here would be much appreciated

Thanks

James

Re: Add attachment with javascript api 4.x

RobertScheitlin__GISP — Fri, 03 Aug 2018 12:59:39 GMT

James,

This thread is from 3.x API but it is using the REST service to add the attachement so I should work in 4.x:

https://community.esri.com/thread/107648

Re: Add attachment with javascript api 4.x

JamesMoloney2 — Sun, 12 Dec 2021 08:10:20 GMT

Hi Robert,

Thanks for pointing me to the post above...

This is what I have so far,

fl.queryFeatureAttachments(feature).then(function(attachments){                                                        
                    console.log(attachments);

                         for (var x = 0, xl = attachments.length; x < xl; x++) {
                                console.log(attachments[x]);
                                var contentType = attachments[x].contentType;
                                var contentName = attachments[x].name;

                                var xhr = new XMLHttpRequest();
                                xhr.open("GET",attachments[x].url,true);
                                xhr.responseType = "arraybuffer";

                                xhr.onload = function(evt){
                                     console.log(this.response);
                                   var arrayBufferView = new Uint8Array( this.response );
                                   var blob = new Blob([ arrayBufferView ], { type: contentType });
                                   var formData = new FormData();
                                   formData.append("method", "post")
                                   formData.append("enctype", "multipart/form-data");
                                   formData.append("attachment", blob, contentName);
                                   console.log(formData);
                                    esriRequest({  
                                      url: "https://services8.arcgis.com/[AGO]/arcgis/rest/services/[fl]/FeatureServer/0/[objectid]/addAttachment",  
                                      form: formData,  
                                      content: {  
                                          f: "json"},  
                                      handleAs: "json"  
                             }).then(function (response){  
                                 console.log(response);
                                 });                                      
                                
                                };
                                xhr.send(contentType,contentName);
                         };
                    });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

but I am getting this error

dojo.js:412 Uncaught TypeError: d.slice is not a function
at Object.G [as isBlobProtocol] (dojo.js:412)
at dojo.js:452
at XMLHttpRequest.xhr.onload (gch.js:331)

Any ideas what this means?

Thanks James

Re: Add attachment with javascript api 4.x

RobertScheitlin__GISP — Tue, 07 Aug 2018 13:36:12 GMT

James,

Sorry I do not. Maybe Rene Rubalcava‌ can help.

Re: Add attachment with javascript api 4.x

SamHall — Mon, 22 Oct 2018 16:51:06 GMT

I am getting the same error. Any update on this original issue?

Re: Add attachment with javascript api 4.x

JohnGrayson — Tue, 23 Oct 2018 00:07:02 GMT

I would just use esriRequest instead of XMLHttpRequest, and also please note that the signature for esriRequest is different at 4.x so it won't work as you have it above: Esri Request | API Reference