https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080849#M73952 <P>Hi,</P><P>I have added the code through insertCode option. Thanks for letting me know.</P><P>Can someone help me why&nbsp;&nbsp;<A href="https://www.arcgis.com/sharing/rest/content/features/generate" target="_blank" rel="nofollow noopener noreferrer">https://www.arcgis.com/sharing/rest/content/features/generate</A>&nbsp;&nbsp;&nbsp; is returning a html instead of json response in the attached code.</P><P>getting error -&nbsp; Unexpected token '&lt;'</P><LI-CODE lang="javascript">const fileName=''; document .getElementById("uploadForm") .addEventListener("change", (event) =&gt; { fileName = event.target.value.toLowerCase(); }); //filepath is from local drive: D:\GIS\tl_2020_39_tabblock20.zip const portalUrl = "https://www.arcgis.com"; let name = fileName.split("."); name = name[0].replace("c:\\fakepath\\", ""); var params = { 'name': name, 'targetSR': this.map.spatialReference, 'maxRecordCount': 1000, 'enforceInputFileSizeLimit': true, 'enforceOutputJsonSizeLimit': true }; var extent = scaleUtils.getExtentForScale(this.map, 40000); var resolution = extent.getWidth() / this.map.width; params.generalize = true; params.maxAllowableOffset = resolution; params.reducePrecision = true; params.numberOfDigitsAfterDecimal = 0; var myContent = { 'filetype': 'shapefile', 'publishParameters': JSON.stringify(params), 'f': 'json' }; console.log(document.getElementById("uploadForm")); esriRequest({ url: portalUrl + "/sharing/rest/content/features/generate", query: myContent, form: document.getElementById("uploadForm"), handleAs: "json", load: lang.hitch(this, function (response) { if (response.error) { errorHandler(response.error); return; } var layerName = response.featureCollection.layers[0].layerDefinition.name; addShapefileToMap(response.featureCollection); }), error: lang.hitch(this, errorHandler) }); function errorHandler(error) { console.log('error!!'); } function addShapefileToMap(featureCollection) { let sourceGraphics = []; const layers = featureCollection.layers.map((layer) =&gt; { const graphics = layer.featureSet.features.map((feature) =&gt; { return Graphic.fromJSON(feature); }); sourceGraphics = sourceGraphics.concat(graphics); const featureLayer = new FeatureLayer({ objectIdField: "FID", source: graphics, fields: layer.layerDefinition.fields.map((field) =&gt; { return Field.fromJSON(field); }) }); return featureLayer; }); this.map.addMany(layers); };</LI-CODE><P>&nbsp;</P><P>Thanks</P><P>Chitra</P><P>&nbsp;</P> Tue, 20 Jul 2021 14:42:57 GMT ChitraKrishnan 2021-07-20T14:42:57Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080507#M73938 <P>Hi,</P><P>Can somebody help me why&nbsp;&nbsp;<A href="https://www.arcgis.com/sharing/rest/content/features/generate" target="_blank">https://www.arcgis.com/sharing/rest/content/features/generate</A>&nbsp;&nbsp;&nbsp; is returning a html instead of json response in the attached code.</P><P>getting error -&nbsp; Unexpected token '&lt;'</P><P>Thanks</P><P>Chitra</P><P>&nbsp;</P> Mon, 19 Jul 2021 20:48:20 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080507#M73938 ChitraKrishnan 2021-07-19T20:48:20Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080539#M73941 <P>Instead of providing code as an attachment, please add it using "Insert code sample".&nbsp; It makes it much easier to read your code and help you.</P><P><A href="https://community.esri.com/t5/community-help-documents/how-to-insert-code-in-your-post/ta-p/914552" target="_blank">https://community.esri.com/t5/community-help-documents/how-to-insert-code-in-your-post/ta-p/914552</A></P> Mon, 19 Jul 2021 21:09:06 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080539#M73941 KenBuja 2021-07-19T21:09:06Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080849#M73952 <P>Hi,</P><P>I have added the code through insertCode option. Thanks for letting me know.</P><P>Can someone help me why&nbsp;&nbsp;<A href="https://www.arcgis.com/sharing/rest/content/features/generate" target="_blank" rel="nofollow noopener noreferrer">https://www.arcgis.com/sharing/rest/content/features/generate</A>&nbsp;&nbsp;&nbsp; is returning a html instead of json response in the attached code.</P><P>getting error -&nbsp; Unexpected token '&lt;'</P><LI-CODE lang="javascript">const fileName=''; document .getElementById("uploadForm") .addEventListener("change", (event) =&gt; { fileName = event.target.value.toLowerCase(); }); //filepath is from local drive: D:\GIS\tl_2020_39_tabblock20.zip const portalUrl = "https://www.arcgis.com"; let name = fileName.split("."); name = name[0].replace("c:\\fakepath\\", ""); var params = { 'name': name, 'targetSR': this.map.spatialReference, 'maxRecordCount': 1000, 'enforceInputFileSizeLimit': true, 'enforceOutputJsonSizeLimit': true }; var extent = scaleUtils.getExtentForScale(this.map, 40000); var resolution = extent.getWidth() / this.map.width; params.generalize = true; params.maxAllowableOffset = resolution; params.reducePrecision = true; params.numberOfDigitsAfterDecimal = 0; var myContent = { 'filetype': 'shapefile', 'publishParameters': JSON.stringify(params), 'f': 'json' }; console.log(document.getElementById("uploadForm")); esriRequest({ url: portalUrl + "/sharing/rest/content/features/generate", query: myContent, form: document.getElementById("uploadForm"), handleAs: "json", load: lang.hitch(this, function (response) { if (response.error) { errorHandler(response.error); return; } var layerName = response.featureCollection.layers[0].layerDefinition.name; addShapefileToMap(response.featureCollection); }), error: lang.hitch(this, errorHandler) }); function errorHandler(error) { console.log('error!!'); } function addShapefileToMap(featureCollection) { let sourceGraphics = []; const layers = featureCollection.layers.map((layer) =&gt; { const graphics = layer.featureSet.features.map((feature) =&gt; { return Graphic.fromJSON(feature); }); sourceGraphics = sourceGraphics.concat(graphics); const featureLayer = new FeatureLayer({ objectIdField: "FID", source: graphics, fields: layer.layerDefinition.fields.map((field) =&gt; { return Field.fromJSON(field); }) }); return featureLayer; }); this.map.addMany(layers); };</LI-CODE><P>&nbsp;</P><P>Thanks</P><P>Chitra</P><P>&nbsp;</P> Tue, 20 Jul 2021 14:42:57 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080849#M73952 ChitraKrishnan 2021-07-20T14:42:57Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080935#M73957 <P>is this in 3x or 4x?</P><P>I thought it was 3x because you are using handleAs, but passing a query. In 3x, <A href="https://developers.arcgis.com/javascript/3/jsapi/esri.request-amd.html#esrirequest" target="_self">it's content, not query</A>.</P><P>But if you are using 4x, it's query, but you should use <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html#RequestOptions" target="_self">responseType</A>, not handleAs.</P> Tue, 20 Jul 2021 17:00:05 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1080935#M73957 ReneRubalcava 2021-07-20T17:00:05Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081028#M73958 <P>we are using 3x.&nbsp;</P><P>I modified the code as below and getting a different error. Is my code correct?</P><P>{"error":{"code":405,"messageCode":"GWM_0005","message":"Method not supported.","details":[]}}</P><LI-CODE lang="javascript"> var layersRequest = esriRequest({ url: portalUrl + "/sharing/rest/content/features/generate", content: { 'f': "json", 'filetype': 'shapefile', 'publishParameters': JSON.stringify(params) }, handleAs: "json" }); layersRequest.then( function (response) { console.log("Success: ", response.layers); }, function (error) { console.log("Error: ", error.message); });</LI-CODE><P>&nbsp;</P> Tue, 20 Jul 2021 19:37:24 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081028#M73958 ChitraKrishnan 2021-07-20T19:37:24Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081057#M73959 <P>The only difference I can see at a glance from your code and the sample is the sample adds a callback.html parameter.</P><P><A href="https://developers.arcgis.com/javascript/3/jssamples/portal_addshapefile.html" target="_blank">https://developers.arcgis.com/javascript/3/jssamples/portal_addshapefile.html</A></P><P>When you add the form, I think it should automatically make a POST request. Maybe verify that as well.</P> Tue, 20 Jul 2021 20:35:30 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081057#M73959 ReneRubalcava 2021-07-20T20:35:30Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081063#M73960 <P>I got the error code 405 resolved. I was referencing&nbsp;portalUrl as this.portalUrl.&nbsp;</P><P>But again I am back to the same error, the generate returning&nbsp;a html instead of json response&nbsp;</P><P>error -&nbsp; Unexpected token '&lt;'</P><LI-CODE lang="markup">&lt;div&gt; &lt;div data-dojo-attach-point="mapNode"&gt;&lt;/div&gt; &lt;div&gt; &lt;form enctype="multipart/form-data" method="post" id="uploadForm"&gt; &lt;div class="field"&gt; &lt;label class="file-upload"&gt; &lt;span&gt;&lt;strong&gt;Add File&lt;/strong&gt;&lt;/span&gt; &lt;input type="file" name="file" id="inFile" /&gt; &lt;/label&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt;</LI-CODE><P>&nbsp;</P><LI-CODE lang="javascript">const fileName=''; document .getElementById("uploadForm") .addEventListener("change", (event) =&gt; { fileName = event.target.value.toLowerCase(); }); //filepath is from local drive: D:\GIS\tl_2020_39_tabblock20.zip const portalUrl = "https://www.arcgis.com"; let name = fileName.split("."); name = name[0].replace("c:\\fakepath\\", ""); var params = { 'name': name, 'targetSR': this.map.spatialReference, 'maxRecordCount': 1000, 'enforceInputFileSizeLimit': true, 'enforceOutputJsonSizeLimit': true }; var extent = scaleUtils.getExtentForScale(this.map, 40000); var resolution = extent.getWidth() / this.map.width; params.generalize = true; params.maxAllowableOffset = resolution; params.reducePrecision = true; params.numberOfDigitsAfterDecimal = 0; var myContent = { 'filetype': 'shapefile', 'publishParameters': JSON.stringify(params), 'f': 'json' }; console.log(document.getElementById("uploadForm")); console.log(dom.byId("uploadForm")); var layersRequest = esriRequest({ url: portalUrl + "/sharing/rest/content/features/generate", content: myContent, handleAs: "json", form: document.getElementById("uploadForm") }, { usePost: 'true', }); layersRequest.then( function (response) { console.log("Success: ", response.layers); }, function (error) { console.log("Error: ", error.message); });</LI-CODE><P>&nbsp;</P> Tue, 20 Jul 2021 20:52:16 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081063#M73960 ChitraKrishnan 2021-07-20T20:52:16Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081518#M73973 <P>I copied the sample code from&nbsp;<A href="https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=layers-featurelayer-shapefile" target="_blank">https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=layers-featurelayer-shapefile</A> to my local and it works for&nbsp;drp_county_boundary.zip. But when I try to load&nbsp;tl_2020_39_tabblock20.zip it throws below error</P><P>Index:1 Access to fetch at '<A href="https://www.arcgis.com/sharing/rest/content/features/generate?filetype=shapefile&amp;publishParameters=%7B%22name%22%3A%22tl_2020_39_tabblock20%22%2C%22targetSR%22%3A%7B%22latestWkid%22%3A3857%2C%22wkid%22%3A102100%7D%2C%22maxRecordCount%22%3A1000%2C%22enforceInputFileSizeLimit%22%3Atrue%2C%22enforceOutputJsonSizeLimit%22%3Atrue%2C%22generalize%22%3Atrue%2C%22maxAllowableOffset%22%3A10%2C%22reducePrecision%22%3Atrue%2C%22numberOfDigitsAfterDecimal%22%3A0%7D&amp;f=json" target="_blank">https://www.arcgis.com/sharing/rest/content/features/generate?filetype=shapefile&amp;publishParameters=%7B%22name%22%3A%22tl_2020_39_tabblock20%22%2C%22targetSR%22%3A%7B%22latestWkid%22%3A3857%2C%22wkid%22%3A102100%7D%2C%22maxRecordCount%22%3A1000%2C%22enforceInputFileSizeLimit%22%3Atrue%2C%22enforceOutputJsonSizeLimit%22%3Atrue%2C%22generalize%22%3Atrue%2C%22maxAllowableOffset%22%3A10%2C%22reducePrecision%22%3Atrue%2C%22numberOfDigitsAfterDecimal%22%3A0%7D&amp;f=json</A>' from origin '<A href="http://localhost" target="_blank">http://localhost</A>' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.</P><P>&nbsp;</P><P>Thanks</P><P>Chitra</P> Wed, 21 Jul 2021 20:14:51 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/https-www-arcgis-com-sharing-rest-content-features/m-p/1081518#M73973 ChitraKrishnan 2021-07-21T20:14:51Z