我在使用Cordova的camera.getPicture插件和它们的FileTransfer.upload插件时遇到了一些问题。最奇怪的是,当我从相机拍摄照片时,一切运作良好,而不是从图书馆检索时。phonegap/cordova getPicture from photolibrary file-transfer not working
的问题是这样的一个:Phonegap/Cordova Uploading Image from gallery is not working on Android Kitkat
但是我用科尔多瓦3,这样就必须解决奇巧的问题。
我的代码:
var imageUploadUrl = setting_api_url + "Umbraco/Api/ImageApi/PostUpload";
var formSubmitUrl = setting_api_url + "Umbraco/Api/FormApi/PostSend";
var imageUriStorage = [];
var resultsCollection = [];
var FieldId;
var take_photo = function(fieldId) {
FieldId = fieldId;
navigator.camera.getPicture(onTakeSuccess,
onTakeFail,
{
quality: 30,
destinationType: Camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.CAMERA,
targetWidth: 800,
targetHeight: 800,
correctOrientation: true
});
};
var get_photo = function(fieldId) {
FieldId = fieldId;
navigator.camera.getPicture(onTakeSuccess, onTakeFail, {
quality: 30,
destinationType: Camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.PHOTOLIBRARY,
targetWidth: 800,
targetHeight: 800,
correctOrientation: true });
};
var onTakeSuccess = function(imageURI) {
console.log("onTakeSuccess imageURI= " + imageURI);
var image = document.getElementById("preview-" + FieldId);
// UPLOAD PART COPIED
var options = new FileUploadOptions();
options.fileKey = "file";
options.fileName = src.substr(src.lastIndexOf('/') + 1);
var filetype = src.substr(src.lastIndexOf('.') + 1);
if(filetype == "png") {
options.mimeType = "image/png";
}
else if (filetype == "jpg") {
options.mimeType = "image/jpeg";
}
var ft = new FileTransfer();
ft.upload(imageURI, encodeURI(imageUploadUrl), image_upload_win, image_upload_fail, options);
// END.
imageUriStorage.push({ 'Id':FieldId, 'Path': imageURI});
image.src = imageURI;
};
var onTakeFail = function(message) {
alert('on take fail. Code: ' + message);
};
// called when upload succeeds
var image_upload_win = function (r) {
console.log("Code = " + r.responseCode);
console.log("Response = " + r.response);
console.log("Sent = " + r.bytesSent);
};
// when upload fails
var image_upload_fail = function (error) {
alert("Code = " + error.code + "-" + error.http_status + ", image:" + error.source);
console.log("upload error source " + error.source);
console.log("upload error target " + error.target);
};
两个take_photo和get_photo打同样的功能onTakeSuccess,所以他们会得到同样的过程。当源是相机时,图像将正确上传,并且服务器提供正确的响应(和HTTP 201)。
但是,当源是库时,将失败。 FileTransfer.Upload给出错误代码1(文件未找到),但这不可能是真实的,因为图像在我的应用程序的图像元素中正确显示。
服务器提供HTTP 400错误请求。
这个过程有一个不同之处,就是图片网址的格式,但是应该如何改变呢?
登录成功Getpicture中(CAMERA):
onTakeSuccess imageURI=file:///mnt/sdcard/Android/data/com.XXX.YYY/cache/1404910577158.jpg
Code = 201
Response = "8999"
Sent = 195
登录不成功Getpicture中(库):
onTakeSuccess imageURI= file:///mnt/sdcard/Android/data/com.XXX.YYY/cache/modified.jpg?1404910903858
upload error source file:///mnt/sdcard/Android/data/com.XXX.YYY/cache/modified.jpg?1404910903858
upload error target https://CORRECTURL/Umbraco/Api/ImageApi/PostUpload
此外,Getpicture中(库)的情况给出了这样的警告:
Code = 1-400, image:file:///mnt/sdcard/Android/data/com.XXX.YYY/cache/modified.jpg?1404910903858
您有这方面的任何解决方案?我有同样的问题,从我的图片库的路径是不同于imageURI – fsi
还没有找到它。 –
也许这个答案可能是有用的http://stackoverflow.com/questions/26154810/how-to-get-image-object-using-cordova – fsi