Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将图像上载到服务器angularjs_Angularjs_Ionic Framework - Fatal编程技术网

将图像上载到服务器angularjs

将图像上载到服务器angularjs,angularjs,ionic-framework,Angularjs,Ionic Framework,我需要将从移动设备拍摄的图像上传到服务器。我找到了angular upload库作为参考。我需要做的是转换图像基64,通过邮寄发送到我的服务器,因为服务器是我将与她一起工作的地方。另一个,从我的服务器发送,并从应用程序运行它 var server = URL_BASE+'addView/'; var trustAllHosts = true; var ftOptions = new FileUploadOptions(); ftOptions.fileKey = 'file'; ftOpti

我需要将从移动设备拍摄的图像上传到服务器。我找到了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) {

});

爱奥尼亚文件传输

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

Base64编码

不知道图像存储在哪里以及如何检索,但是,要么指定图像是base64编码到HTML文件分隔符中 或 使用画布变换图像
有关更多信息,请参阅该帖子:离子文件传输

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

Base64编码

不知道图像存储在哪里以及如何检索,但是,要么指定图像是base64编码到HTML文件分隔符中 或 使用画布变换图像
有关更多信息,请参阅该帖子:

您尚未指定您真正需要的内容,因此: 这里有一个工厂

//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()方法来处理承诺响应。

您尚未指定真正需要的内容,因此: 这里有一个工厂

//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()方法处理承诺响应。

您既没有提供问题陈述,也没有提供问题。。。。那么问题是什么?问题是什么?我需要的不仅仅是问题,还有一些建议,最好的方法。在本教程之后的这一刻,我的服务器在其他安全设备上运行时遇到了问题。我试图将图片作为$u文件发送,但我喜欢做的是将设备上的托管图像将该字符串传递给base64并将其发送到服务器。即使是我也无法将图像转换为base64。您既没有提供问题陈述,也没有提供问题。。。。那么问题是什么?问题是什么?我需要的不仅仅是问题,还有一些建议,最好的方法。在本教程之后的这一刻,我的服务器在其他安全设备上运行时遇到了问题。我试图将图片作为$u文件发送,但我喜欢做的是将设备上的托管图像将该字符串传递给base64并将其发送到服务器。即使是我也无法从image转换到base64。请尝试FileTransfer,但始终会出现相同的错误:undefined不是构造函数(正在评估“new FileTransfer”)。显示代码时,仅此而已。还有,你有“cordova plugin add org.apache.file”和“cordova plugin add org.apache.file transfer”吗?我会让我的代码运行起来,我意识到我在安装插件,我添加了400 ng cordova搜索并没有错,运行良好。现在我的服务器出现了问题lol@aorfevre我使用了cordova文件传输,但我只调用了error call backTry FileTransfer,但总是得到相同的错误:undefined不是构造函数(评估“new FileTransfer”)。显示代码,这一点我无能为力。还有,你有“cordova plugin add org.apache.file”和“cordova plugin add org.apache.file transfer”吗?我会让我的代码运行起来,我意识到我在安装插件,我添加了400 ng cordova搜索并没有错,运行良好。现在我的服务器出现了问题lol@aorfevre我使用了cordova文件传输,但我只调用了错误回拨,我必须为工作中的应用程序执行此操作。我们只是http发布了base64字符串,因为我们的节点服务器在IIS上运行,所以文件上载有问题。我们使用LZString.js压缩库来减少大小,但是如果您在文件上载方面遇到问题,您可以使用json对象简单地执行http post。justMe是完全正确的,我必须为工作中的一个应用程序这样做。我们只是http发布了base64字符串,因为我们的节点服务器在IIS上运行,所以文件上载有问题。我们使用LZString.js压缩库来减少大小,但是如果您在文件上载方面遇到问题,您可以使用json对象简单地执行http post。justMe完全正确