How to grab php data from angularJS?

Question

I've been able to sent FormData from angularJS to php, but I don't know how to do the reverse. I'm currently trying to get the $base64 variable into my angularJS, but I'm quite stumped on how to go about doing so. The documentation in the official angularJS doesn't help me much either

https://docs.angularjs.org/api/ng/service/$http

JS

$scope.MakeGray_Button = function(){
    if ($scope.imageUrl) {
        var MakeGray_Form = new FormData();
        MakeGray_Form.append("FileName", $scope.imageUrl);
        $http({
        method : "POST",
        url    : "../opencv/MakeGray/MakeGray.php",
        data   : MakeGray_Form,
        transformRequest: angular.identity,
        headers: {'Content-Type': undefined}
        }).
        success(function(){                     
           // some magic code here that grabs the $base64 variable from php
        })
        .error(function(){});
    }
    else{
        alert("Please upload an image");
    }
}

PHP

<?php

$imgname = $_POST["FileName"];
$inputDir = "../../uploads/" . $imgname;
$outputDir = "../../processed/" . $imgname;

$MakeGray = "./makegray " . $inputDir . " " . $outputDir;
$runExec  = exec($MakeGray, $out);

$type = pathinfo($outputDir, PATHINFO_EXTENSION);

$data = file_get_contents($outputDir);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);

echo "$base64";

?>

maybe this helps you: stackoverflow.com/questions/19383725/… — timbmg
– timbmg, Commented Dec 27, 2015 at 13:59
I don't see how this is related? My question was related to the php backend. — Zypps987
– Zypps987, Commented Dec 27, 2015 at 14:06
@TheVillageIdiot i could really use your help with this one! — Zypps987
– Zypps987, Commented Dec 27, 2015 at 17:29

McLosys Creative · Accepted Answer · 2016-07-18 06:04:15Z

1

You can add a parameter in success callback to fetch the response from server if available.

var base64 = ''; 
$http({
    method : "POST",
    url    : "../opencv/MakeGray/MakeGray.php",
    data   : MakeGray_Form,
    transformRequest: angular.identity,
    headers: {'Content-Type': undefined}
    }).
    success(function(response){                     
          base64 = response; //response will contain whatever server echos to it's standard output
    })
    .error(function(){});

answered Jul 18, 2016 at 6:04

McLosys Creative

7594 gold badges9 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nick Greg · Accepted Answer · 2022-01-23 20:50:02Z

1

you can get the response from server by using

.then(function (data) {}

and in "data" variable you can find the value you're looking for

answered Jan 23, 2022 at 20:50

Nick Greg

2414 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to grab php data from angularJS?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related