zoukankan      html  css  js  c++  java
  • angularjs 上传图片

    //上传图片
    $scope.choosePicMenu = function() {
      var type = 1;
      $ionicActionSheet.show({
      buttons: [
        { text: '拍照' },
        { text: '从相册选择' }
      ],
      titleText: '选择照片',
      cancelText: '取消',
      cancel: function() {
      },
      buttonClicked: function(index) {
        if(index == 1){
        type = 2;
      }
      var options = { //这些参数可能要配合着使用,比如选择了sourcetype是0,destinationtype要相应的设置
        quality: 100, //相片质量0-100
        destinationType: 2, //返回类型:DATA_URL= 0,返回作为 base64 編碼字串。 FILE_URI=1,返回影像档的 URI。NATIVE_URI=2,返回图像本机URI                   (例如,資產庫)
        sourceType: type, //从哪里选择图片:PHOTOLIBRARY=0,相机拍照=1,SAVEDPHOTOALBUM=2。0和1其实都是本地图库
        allowEdit: true, //在选择之前允许修改截图
        encodingType:0, //保存的图片格式: JPEG = 0, PNG = 1
        targetWidth: 200, //照片宽度
        targetHeight: 200 //照片高度
      };
      $cordovaCamera.getPicture(options).then(
        function (imageURI) {       //返回一个imageURI,记录了照片的路径
          $cordovaFileTransfer.upload(rootUrl+'/user/uploadUserImge.do', imageURI, {'token':token,'file':imageURI})    //更新页面上的照片
          .then(function(result) {
            $scope.imageUrl=imageURI;
          }, function(err) {
        }, function (progress) {
          // constant progress updates
          });
        },
        function (err) {
        });
        return true;
        }
      });
    };

  • 相关阅读:
    在Eclipse或者STS中使用SVN插件
    SVN的忽略、版本回退、版本冲突(window)
    SVN的图标集
    HTML5+NodeJs实现WebSocket即时通讯
    import和require的区别
    正则表达式 金额验证
    vue 弹窗弹窗禁止滑动的方法 看了网上很多方法 都是扯淡 直接贴上代码
    uni-app关于小程序及app端第三方微信登陆问题
    用 async/await 来处理异步
    微信小程序 子组件调用父组件方法
  • 原文地址:https://www.cnblogs.com/cutone/p/5726056.html
Copyright © 2011-2022 走看看