Demo does not work in Firefox

[ianwalter]

I get the following error:

Blocked loading mixed active content "http://angular-file-upload-cors-srv.appspot.com/upload"[Learn More] angular.js:8429
11:44:54.911 Exception { message: "", result: 2153644038, name: "", filename: "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.js", lineNumber: 8429, columnNumber: 0, inner: null, data: null }

Used demo defaults
496K Microsoft Word Doc
Firefox 32.0.3

[danialfarid]

Well it is working for me with Firefox 32.0.3 and same angular and ng-file-upload version.
Could it be a bug in 32.0.2 or maybe it's the type/size of the file that you are uploading.
How big is the file and what content-type is it?

One thing I notices in your error the filename is angular version 1.2.20. but you mentioned angular version 1.2.16. Did you change the angular version manually?

[ianwalter]

My apologies, accidentally posted details about my local environment. I didn't change the angular version in the demo. I've updated the details. Just updated Firefox so it isn't the version. Seems like a CORS issue to me.

[danialfarid]

It could be a plugin that you have installed on firefox since it is working fine for me. Does it happen for every file you upload?

[ianwalter]

Ahh, the problem is documented here:
https://developer.mozilla.org/en-US/docs/Security/MixedContent

I just realized the link to the demo site using HTTPS but the POST request when uploading is using HTTP. You should probably change the link in the README.

[danialfarid]

Oh ok Thanks for investigating this.
I will make the demo to send the file through HTTPS as well.

[KrasenGG]

So, how do you actually change the post request to use HTTPS though? There does not seem to be such a param available. Thanks and sorry if the answer is simple. I cannot seem to figure it out.

[danialfarid]

$upload.upload( {url:'https://....', ...} ); 

you need to change the code.

[KrasenGG]

Thank you