ngFileUpload在safari上发布空文件
ngFileUpload on safari posts empty file
我使用ngFileUpload发送图像到云服务,我的应用程序是建立在ionic上,并打算在ios和android上运行,我有以下代码来上传图像:
.service('photoUploadService', ['$q','Upload', '$ionicLoading', 'AppModel',
function($q, $upload, $ionicLoading, AppModel){
// creating a return object with a data property, matching the structure we return from the router resolve
var ref = this;
ref.dataURItoBlob = function(dataURI) {
var contentType = 'image/png';
var sliceSize = 512;
var byteCharacters = atob(dataURI.split(',')[1]);
var byteArrays = [];
for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
var slice = byteCharacters.slice(offset, offset + sliceSize);
var byteNumbers = new Array(slice.length);
for (var i = 0; i < slice.length; i++) {
byteNumbers[i] = slice.charCodeAt(i);
}
var byteArray = new Uint8Array(byteNumbers);
byteArrays.push(byteArray);
}
var blob = new Blob(byteArrays, {type: contentType});
return blob;
};
ref.uploadPhoto = function(imageData, waitMessage, sucessCallback, sucessCBParameters){
var deferred = $q.defer();
var filename = Math.floor(Math.random()*90000) + 10000 + ".png";
//var imageBase64 = finalAd.ad.image.split(',')[1];
var blob = ref.dataURItoBlob(imageData);//new Blob([imageBase64], {type: 'image/png'});
var file = new File([blob], filename, {type: 'image/png'});
file.upload = $upload.upload({
url: "https://api.cloudinary.com/v1_1/xxxxx/upload",
data: {
upload_preset: "xxxxx",
tags: 'myphotoalbum',
context: 'photo=' + filename,
file: file
}
}).progress(function (e) {
file.progress = Math.round((e.loaded * 100.0) / e.total);
file.status = "Uploading... " + file.progress + "%";
$ionicLoading.show({template: waitMessage + (file.progress) + "%"});
}).success(function (data, status, headers, config) {
sucessCBParameters.data = data;
sucessCallback(sucessCBParameters);
deferred.resolve(AppModel.ad.ad);
}).error(function (data, status, headers, config) {
file.result = data;
console.error('PENDING ERROR HANDLER');
deferred.reject(data);
});
return deferred.promise;
};
}]);
当我在android下运行我的代码时,它可以完美地工作,并且图像上传到服务器,但在IOs上运行时,我从cloudary得到一个"空文件"错误。调试代码,文件似乎是正确创建的,我得到的唯一错误是"空文件"。
到目前为止,我还不能确定实际的问题是,如果它与ngFileUpload或我创建图像字段的方式。
到目前为止,我已经尝试了这篇文章中描述的步骤,在angularjs中将base64数据url转换为图像文件,在angularjs和http://ourcodeworld.com/articles/read/150/how-to-create-an-image-file-from-a-base64-string-on-the-device-with-cordova中转换base64数据图像文件,没有运气。
对于其他有此问题的人,ng-file-upload不能与cordova一起使用,这里的原始答案ng-file-upload不在Ionics中上传
如果其他人需要代码来轻松上传图片到cloudary,这是一个为我工作。
ref.uploadPhoto = function(imageData, album, waitMessage, imgType){
var deferred = $q.defer();
var filename = Math.floor(Math.random()*90000) + 10000 + ".png";
var options = {
fileName: filename,
chunkedMode: false,
mimeType: "image/png",
params: {'upload_preset': "XXXXX",
'tags': album,
'context': 'photo=' + filename},
};
$cordovaFileTransfer.upload("https://api.cloudinary.com/v1_1/XXXXX/upload",
imageData, options)
.then(function(result){
var response = JSON.parse(result.response);
response.type = imgType;
deferred.resolve(response);
}, function(err){
console.error(err);
deferred.reject(err);
}, function(progress){
var val = Math.round(((progress.loaded * 100.0) / progress.total));
console.log(val);
if(waitMessage){
$ionicLoading.show({template: waitMessage + val + "%"});
}
}).catch(function(err){
console.error(err);
deferred.reject(err);
});
return deferred.promise;
};
相关文章:
- Grunt从typescript源生成空文件
- 当$_FILES为空但$_POST有文件数据时进行处理
- ANT:检查文件是否为空
- Connect-busboy:当管道文件写入蒸汽时,文件为空或不正确,具体取决于类型
- 从 JavaScript 文件中挖空 JS 模板
- TypeScript 编译器在 WebStorm 中创建空的 JavaScript 文件
- Apache poi XSSF创建Excel文件-Create返回格式或文件扩展名无效的空文件
- NodeJS canvas.createJPEGStream创建空文件
- Javascript FileSaver在写入大量文件后保存空文件
- 在用于NPM的Lockdown.js中,我得到一个空文件
- 为什么Node fs.writeFile()方法成功,但随后会向浏览器发送一个空文件
- GraphicsMagick处理导致空文件
- WebStorm IDE文件监视coffeescript创建一个空文件
- ngFileUpload在safari上发布空文件
- 为什么log4js创建一个空文件,但从不将消息放入其中?
- 在Android Native浏览器中上传的空文件
- 在Grunt.js中使用clean或clean-empty任务删除空文件夹
- 节点.js fs.writeFile() 清空文件
- 正确的缩小/丑陋/修改的JS在Windows上,但在Linux上的空文件
- Ajax PHP返回的空文件