How to POST binary files with AngularJS (with upload DEMO)

Viewed 8750

unable to send file with angular post call

I am trying to post .mp4 file with some data through ionic 1 with angular 1. While posting through POSTMAN it is fine and working. I am getting Success = false in my application.

in POSTMAN, no headers and data is bellow, Service url with POST request http://services.example.com/upload.php body in form data

j_id = 4124, type = text   
q_id = 6, type = text   
u_id = 159931, type = text 
file = demo.mp4, type = file

in my app:

$rootScope.uploadQuestion = function () {

    var form = new FormData();
    form.append("j_id", "4124");
    form.append("q_id", "6");
    form.append("u_id", "159931");
    form.append("file", $rootScope.videoAns.name); //this returns media object which contain all details of recorded video

    return $http({
        method: 'POST',
        headers: { 'Content-Type': 'multipart/form-data' }, // also tried with application/x-www-form-urlencoded
        url: 'http://services.example.com/upload.php',
        // url: 'http://services.example.com/upload.php?j_id=4124&q_id=8&u_id=159931&file='+$rootScope.videoAns.fullPath,
        // data: "j_id=" + encodeURIComponent(4124) + "&q_id=" + encodeURIComponent(8) + "&u_id=" + encodeURIComponent(159931) +"&file=" + encodeURIComponent($rootScope.videoAns), 
        data: form,
        cache: false,
        timeout: 300000
    }).success(function (data, status, headers, config) {
        if (status == '200') {
            if (data.success == "true") {
                alert('uploading...');
            }


        }


    }).error(function (data, status, headers, config) {

    });
}
1 Answers
Related