将图像上载到服务器angularjs
我需要将从移动设备拍摄的图像上传到服务器。我找到了angular upload库作为参考。我需要做的是转换图像基64,通过邮寄发送到我的服务器,因为服务器是我将与她一起工作的地方。另一个,从我的服务器发送,并从应用程序运行它将图像上载到服务器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
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完全正确