将图像上传到服务器 Angular JS

15 浏览
0 Comments

将图像上传到服务器 Angular JS

我正在使用Angular开发一个Web应用程序的前端，对这项技术我还不熟悉。我不知道如何将图像传递给控制器并上传到服务器。\n我已经编写了用于包含图像的HTML代码：\n

\n现在你可以看到图像的ng-model=\"image\"，但是在控制器中，如果我执行console.log($scope.image)，我得到的是undefined。\n我想将图像编码为二进制表示，将其与其他属性一起放入JSON中，并将其上传到服务器。\n我应该如何做到这一点？

0

1 答案

0 Comments

问题：如何在AngularJS中将图片上传到服务器？

原因：用户需要在AngularJS应用中实现将图片上传到服务器的功能。

解决方法：

1. 在HTML中添加一个文件上传的input元素和一个上传按钮：

2. 在控制器中添加一个upload()函数，该函数将处理上传图片的逻辑：

$scope.upload = function() {
    var f = document.getElementById('file').files[0];
    var r = new FileReader();
    r.onloadend = function(e) {
        var data = e.target.result;
    }
    r.readAsBinaryString(f);
}

3. 修改ng-file-upload的示例代码，确保其在AngularJS应用中可以正常工作。

通过以上步骤，用户可以在AngularJS应用中实现将图片上传到服务器的功能。

0