如何使用angularjs php mysql上传图片

时间:2017-12-21 11:40:08

标签: php mysql angularjs

是否有任何可用的 angularjs php 和/或 mysql 用于上传 基础64图像文件?

任何答案都将不胜感激。 感谢。

1 个答案:

答案 0 :(得分:0)

是的,您可以使用AngularJs上传任何图像或文件,请按照以下步骤操作。 请注意,我上传的文件存储在一个文件夹而不是数据库中,因为将文件上传到数据库而不是将文件存储到数据库中的文件夹和文件名中是一个坏主意。

步骤1:在HTML中创建简单视图,如下所示:

<form name="upload_file" id="upload_file" ng-submit="functionName();">    
    <input type="file" name="inputfieldname">
    <button type="submit">Upload</button>
</form>

现在在角度控制器中编写如下函数:

$scope.functionName = function() {
 var formdata = new FormData();
 var filename = document.getElementById('upload_file').files[0];

 formdata.append('filename', filename);

    $http({
        method: 'post',
        url: 'action.php',//Put your php file url
        data: formdata,
        headers: {'Content-Type': undefined},
    }).then(function successCallback(result) {

        $scope.message = result.data;
        alert($scope.message);

    });
}