在可以调用手机摄像头和相册之后,要做的就是照片的上传了。
1. 首先,我们安装文件上传的插件
命令行输入:
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer
cordova 安装不上,可以选择ionic 安装
2. 只需要调用upload方法,传入你上传的图片的URL 就可以了
function cameraSuccess(img) {
$scope.img = img;//这里返回的img是选择的图片的地址,可以直接赋给img标签的src,就能显示了
window.resolveLocalFileSystemURL(img, function success(fileEntry) {
upload(fileEntry.toInternalURL());//将获取的文件地址转换成file transfer插件需要的绝对地址
}, function() {
alert("上传失败");
});
}
function cameraError(img) {
alert("上传失败");
}
function upload(fileURL) {//上传图片
var win = function(r) {//成功回调方法
alert('保存成功');
var response = JSON.parse(r.response);//你的上传接口返回的数据
if(response.datas.state){
alert("修改成功");
}else {
alert(response.datas.error);
}
}
var fail = function(error) {//失败回调方法+++
alert("上传失败");
}
var options = new FileUploadOptions();
options.fileKey = "pic";//这是你的上传接口的文件标识,服务器通过这个标识获取文件
options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1);
options.mimeType = "image/gif";//图片
var ft = new FileTransfer();
// alert(fileURL);手机的绝对路径
ft.upload(fileURL, encodeURI('http://192.168.2.144:8080/jzgl/UploadFileServlet'), win, fail, options);//开始上传,uoloadurl是你的上传接口地址
}
还有没实现调用手机摄像头和相册功能的朋友可以参考
http://blog.csdn.net/yu17310133443/article/details/52388005点击打开链接