如何从Angular 4调用PHP函数

时间:2019-02-04 07:04:58

标签: angular

如何从angular 4调用PHP函数? 我已经在文件中编写了以下代码,但未返回任何内容。

    .component.ts
constructor(private _server:ServerConnectService) {..}
    $('#fileUpload').on('click', (e)=>
            {
              this._server.uploadImage("Testing..").done((res)=>{ 
                console.log("uploadImage Response "+res); // I need a result->"PHP -> uploadImage() calling " and data here
              });
          });


    .service.ts
export class ServerConnectService {
uploadImageUrl:string = "http://localhost/toolapp/uploadImage.php";
constructor(private _http:HttpClient) { 
  }

    uploadImage(d){
        var myFunction = 'uploadImage';
        var data = {"data":d};
        return $.post(this.uploadImageUrl+"?action="+myFunction,data).then((res)=>{ return res; })
    }


    uploadImage.php
    <?php
     header("Access-Control-Allow-Origin: *");
    function uploadImage($data){
        $res= "PHP -> uploadImage() calling ".$data;
        echo $res;
    }

    ?>

如何实现这一目标?

谢谢, 大师

2 个答案:

答案 0 :(得分:1)

您必须调用HTTP get或post api,然后才能使用php函数。

答案 1 :(得分:1)

Angular不是服务器端渲染的,因此php引擎将不会解析以下代码以生成所需的javascript。您将必须公开具有POST接口的REST API,该接口将图像接受为文件或base64编码的字符串。

然后使用Angular HttpClientModule或HttpModule,可以将图像发送到适当的服务。