apicloud中如何上传图片,这里我在引入了vue.js,一下是method方法里的函数

// 点击选择上传方式
                addimg() {
                    var that = this
                    if(imgArr.length>=3){
                      api.alert({
                        msg:'最多上传三张'
                      })
                      return
                    }
                    api.actionSheet({
                        title: '请选择添加方式',
                        cancelTitle: '取消',
                        buttons: ['去拍照', '从相册选择']
                    }, function(ret, err) {
                      console.log(JSON.stringify(ret))
                      //定义图片来源类型
                     var sourceType;
                     if (1 == ret.buttonIndex) { /* 打开相机*/
                         sourceType = "camera";
                         that.openPicture(sourceType);
                     } else if (2 == ret.buttonIndex) {
                         sourceType = "album";
                         that.openPicture(sourceType);
                     } else {
                         return;
                     }
                    });
                },
                //  选取图片
                    openPicture:function(sourceType) {
                        var q = 100;
                        var that = this
                        //获取一张图片
                        UILoading()
                        api.getPicture({
                            sourceType: sourceType,
                            encodingType: 'png',
                            mediaValue: 'pic',
                            //返回数据类型,指定返回图片地址或图片经过base64编码后的字符串
                            //base64:指定返回数据为base64编码后内容,url:指定返回数据为选取的图片地址
                            destinationType: 'base64',
                            //是否可以选择图片后进行编辑,支持iOS及部分安卓手机
                            allowEdit: false,
                            //图片质量,只针对jpg格式图片(0-100整数),默认值:50
                            quality: q,
                            //                targetWidth : 100,
                            //                targetHeight : 1280,
                            saveToPhotoAlbum: true
                        }, function(ret, err) {
                        console.log(JSON.stringify(ret))
                          bendiimg.push(ret.data)

                        if(ret){
                           let token = getToken()
                           if(!token){
                             api.alert({
                                 title: '提示',
                                 msg: '请先登录',
                             }, function(ret, err){
                                 if( ret ){
                                   _openWin('login')
                                   return
                                 }else{
                                      alert( JSON.stringify( err ) );
                                 }
                             });

                           }
                            _ajax('api/pt_task/upload',(ret,err)=>{
                            UILoading_Close()
                               console.log(JSON.stringify(ret))
                                console.log(JSON.stringify(err))
                                if(ret.code== 1){
                                  imgArr.push(ret.showurl)
                                  if(imgArr.length>0){
                                       that.imgArrv = imgArr
                                  }
                                }
                                if(err){
                                  api.alert({
                                    msg:'图片上传失败'
                                  })
                                }
                          },{
                            token:token
                          },{
                            file:ret.data
                          })
                        }else if (err) {
                          api.alert({
                            msg:'图片获取失败'
                          })
                        }

                        });
                    },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值