AngularJS上傳照片而不提交表單

Question

我想上傳照片而不點擊提交按鈕。 我正在使用ionic框架和cordova插件，下面的示例是從iphone的照片庫中獲取照片。為簡便起見，我只包含了我的要求所必需的內容。

我的看法是這樣的：

<form ng-submit="???">
      <img class="img-circle" ng-src="{{prof_pic}}" ngclick="showActionsheet()" ng-if="pic_is_not_null()"/>
</form>

控制器：

$scope.getPictureFromGallery = function() {  $cordovaCamera.getPicture(secondoptions).then(function(imageData) {

     $scope.imageData = imageData;
     //data model
      $scope.data = {prof_pic_link: imageData};
      var image = angular.toJson($scope.data);

     UserService.UpdateMyPhoto($localStorage.CurrentUser.id, $localStorage.CurrentUser.auth_token, image)
  .success(function (data) {

       $scope.prof_pic = "data:image/jpeg;base64," + imageData;
       //to display the image in the view

          }).
        error(function(error,status) {
          console.log(error);
          console.log(status);

      })   


    }, function(err) {
      // error
    });

  };

Answer 1

您已經有了問題的答案。 您可以將ng-click綁定到將圖像上傳到服務器的功能。

但是更多的問題是， 為什么您不想要提交按鈕。 對此進行思考：用戶希望上傳圖片，她選擇了要上傳的圖片，但設法選擇了錯誤的圖片。 如果我正確閱讀了您的方案，這將意味着上傳了錯誤的圖像。 另一方面，如果有一個提交按鈕，則用戶可以選擇一個新圖像而無需上傳第一個圖像。

因此，盡管您可以做到這一點，並且已經有了答案（ ng-click="myUploadFunction(image)" ），但您真的要這么做嗎？