ionic开发——照片上传,保存到服务器

在可以调用手机摄像头和相册之后,要做的就是照片的上传了。

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点击打开链接

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mickey_于浩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值