将图像上传到服务器 angularjs

Question

我需要将从我的移动设备拍摄的图像上传到我的服务器。我找到了引用的 angular-upload 库。我需要做的是将图像库转换为 64，通过邮寄方式将其发送到我的服务器，因为服务器是我将与她一起工作的地方。另一个，从我的服务器发送并从应用程序运行它。

var server = URL_BASE+'addView/';

var trustAllHosts = true;

var ftOptions = new FileUploadOptions();
ftOptions.fileKey = 'file';
ftOptions.fileName = $scope.imagen.substr($scope.imagen.lastIndexOf('/') + 1);
ftOptions.mimeType = 'image/jpeg';
ftOptions.httpMethod = 'POST';

console.log(ftOptions);

$cordovaFileTransfer.upload(encodeURI(server), $scope.imagen, ftOptions, trustAllHosts)
.then(function(result) {
  console.log(result)
}, function(err) {
  // Error
  console.log(err);
}, function (progress) {

});

Answer 1

离子文件传输

我个人使用Cordova file transfer 从服务器上传和下载内容。

Base64 编码

不知道您的图像存储在哪里以及如何检索它，但是，您要么指定图像是 base64 编码到 HTML 文件分隔符中 或者 您使用画布转换图像 有关更多信息，请参阅该帖子：https://stackoverflow.com/a/20285053/3687474

Answer 2

你还没有指定你真正需要的东西，所以： 在这里你有一个工厂

//Factory you register on your module
angular
    .module('myApp')
    .factory('sendBase64Image', sendBase64Image)

function sendBase64Image($http) {
    var urlBase; //url to be filled in

    var base64 = {};
    base64.sendBase = function (baseImg) {
        var request = $http({
            method: "post",
            url: urlBase,
            headers: {
                'Content-type': 'application/json'
            },
            data : baseImg 
        });
    }
    return base64;
}

然后您应该通过依赖注入将其注入您的控制器并执行对服务器的调用。 如果你想对响应做一些事情，请使用 success() 方法来处理 promise 响应。