Uploading Files and Folders to Box

フォローする

新規投稿

Sahil_Monga

• 2017年01月27日 03:51

Hi Folks,

 

I am trying to upload a file using the box API -  https://upload.box.com/api/2.0/files/content, however every time I am receiving the below mentioned error:

 

“XMLHttpRequest cannot load https://upload.box.com/api/2.0/files/content. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 400.”

 

Could you let me know what I am missing anything or if CORS needs to enabled then what should be the value of CORS as it’s a simple HTML file placed on my desktop.

 

Here is my code:

 

var form = new FormData();

// The content of the file
var fileBody = 'This is a test file';

// JS file-like object
var blob = new Blob([fileBody], { type: 'text/xml' });

// Add the file to the form
form.append('file', blob);
form.append('name', 'testfile');

// Add the destination folder for the upload to the form
form.append('parent_id', '0');

var uploadUrl = 'https://upload.box.com/api/2.0/files/content';

// The Box OAuth 2 Header. Add your access token.
var headers = {
Authorization: 'Bearer mydevToken'
};

$.ajax({
url: uploadUrl,
headers: headers,
type: 'POST',
async: false,
crossDomain: true,
crossOrigin: true,
// This prevents JQuery from trying to append the form as a querystring
processData: false,
contentType: false,
data: form,
success: function (data) {
// Log the JSON response to prove this worked
console.log(data.responseText);
},
error: function (error) {
alert(error);
}
});

 

Thanks in Advance!

1

• 

  LoCortes

  • 2017年01月27日 06:08

  Hello Sahil,

   

  I think that the problem is the fact that, as you said, is a simple HTML on your desktop. So... it is not running on any web server / web application and it does not have a domain that can be used as Origin.

   

  Regards,

  0

  コメントアクション パーマリンク
• 

  Sahil_Monga

  • 2017年01月31日 00:36

  Hi LoCortes,

   

  I tried it by hosting the file on IIS Web Server but still the error is there.

  0

  コメントアクション パーマリンク
• 

  LoCortes

  • 2017年01月31日 02:08

  Hello there Sahil,

  have you added on the CORS configuration the IP of your server or maybe localhost? probably that is the last step you need to perform the call succesfully.

   

  I will try it myself and see if it works.

   

  Thank you

   

  0

  コメントアクション パーマリンク
• 

  Dindayal Pandey

  • 2022年04月28日 05:23

  I am still facing this issue, any answers for this one...

  2

  コメントアクション パーマリンク

投稿コメントは受け付けていません。