Comments (3)
Since its actually doing a form POST, I think it would be pretty hard to
set custom headers, but you can do one of the following:
If you don't have to support ie browsers less than 10 then you should use
FormData api, it allows you to use xhr2 to submit files via ajax.
https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData
If you do have to worry about supporting IE 8 and IE 9, then you could
submit everything but your files via an ajax post and then submit just your
files via the iframe post, you should be able to execute both so that the
user only has to click once. Let me know if this answers your question.
Thanks for the feedback
Tom
On Sat, Apr 20, 2013 at 4:01 PM, Spiros Kabasakalis <
[email protected]> wrote:
Hi,great directive!.I am working on an angular app featuring basic REST
CRUD operations.Problem is,my create action features an image upload(along
with other text fields),and the REST API authenticates the requests with
custom headers.With ajax this is no problem,you can set custom headers on
the client,but with iframe technique that your directive uses-this is a
problem.Do you have any idea on how to solve this?Thanks in advance!—
Reply to this email directly or view it on GitHubhttps://github.com//issues/28
.
Tom Wilson
Jack Russell Software Company Division of CareKinesis
494 Wando Park Blvd
Mount Pleasant, SC 29464
Phone: 843-881-2171
Email: [email protected]
Web: http://www.jackhq.com
Calendar:
http://www.google.com/calendar/embed?src=tom%40jackrussellsoftware.com&ctz=America/New_Yorkhttp://www.jackhq.com/calendar
This e-mail may contain information that is confidential, privileged or
otherwise protected from disclosure by the Health Insurance Portability and
Accountability Act (HIPAA) and other state and federal laws. This
information is intended only for the individual names above. Any review,
use disclosure or dissemination of this material is strictly prohibited.
If you receive this information in error, please notify CareKinesis
immediately at 888-974-2763 and delete the original at once.
from ngupload.
Thanks Tom,I used FormData,I could care less for old IEs,this is a demo for developers anyway (Angular with PHP backend -Yii framework).I ended up using this
$scope.create=function(){
var form = $('#cform');
var formdata = false;
if (window.FormData){
formdata = new FormData(form[0]);
}
var method='POST';
var formAction ="http://yii.gr/lab/api/resttest";
$http( {
data:formdata,
url:formAction,
method:method,
headers: { 'Content-Type': false,
'X_REST_PASSWORD':'PASSWORD',
'X_REST_USERNAME':'[email protected]' },
transformRequest: function(data) { return data; }
}).success(function(response, status, headers, config) {
// this callback will be called asynchronously
// when the response is available
//stuff to do with response
}).
error(function(data, status, headers, config) {
//stuff to do on error
});
};
from ngupload.
Awesome!!
Thx
Tom
Sent from my iPhone
On Apr 27, 2013, at 3:35 PM, Spiros Kabasakalis [email protected]
wrote:
Thanks Tom,I used FormData,I could care less for old IEs,this is a demo for
developers anyway (Angular with PHP backend -Yii framework).I ended up
using this
$scope.create=function(){
var form = $('#cform');
var formdata = false;
if (window.FormData){
formdata = new FormData(form[0]);
}
var method='POST';
var formAction ="http://yii.gr/lab/api/resttest";
$http( {
data:formdata,
url:formAction,
method:method,
headers: { 'Content-Type': false,
'X_REST_PASSWORD':'PASSWORD',
'X_REST_USERNAME':'[email protected]' },
transformRequest: function(data) { return data; }
}).success(function(response, status, headers, config) {
// this callback will be called asynchronously
// when the response is available
//stuff to do with response
}).
error(function(data, status, headers, config) {
//stuff to do on error
});
};
—
Reply to this email directly or view it on
GitHubhttps://github.com//issues/28#issuecomment-17121944
.
from ngupload.
Related Issues (20)
- ngUpload not working on Firefox 27 Mac - returns HTML instead of JSON
- getting a warning in console
- How to prefix file name that is uploaded HOT 10
- Minified version causing form submitted multiple times HOT 7
- 404 not found HOT 2
- Error handling HOT 6
- Setting custom headers HOT 8
- Auto start upload HOT 3
- custom headers using CORS in IE8 HOT 1
- Minified file not updated HOT 1
- $isLoading should be $isUploading in the readme HOT 1
- ng-upload executing multiple times
- ngUpload is not working HOT 3
- ng-upload.min.js is broken HOT 2
- How can we implement the progress bar for ngUpload? HOT 2
- Bower package is out-of-date HOT 3
- Hidden inputs do not work for objects
- Can we get upload percent in $scope? HOT 1
- BeforeSumbit executes after submit
- Is it possible to register the package on npm? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngupload.