2018-05-29上傳圖片

上傳圖片,以訂購單為例:
step01: uploadImage
src/app/modules/purchase_orders/purchaseOrderFactory.js

  var createPurchaseOrder = function(order, items, store_id) {
    order.store_id = store_id;
    return $http.post($rootScope.gateway + '/v2/stores/' + store_id + '/purchase_orders',
      purchaseOrderMapper(order, items));
  };   

  var uploadPurchaseOrderImage = function(id, file) {
    var fd = new FormData();
    fd.append('image', file);
    return $http.post($rootScope.gateway + '/v2/stores/' + DashboardFactory.getStoreId() + '/purchase_orders/' + id + '/purchase_order_images', fd, {
      transformRequest: angular.identity,
      headers: { 'Content-Type': undefined }
    });
  }; 

step02: 處理邏輯
src/app/modules/purchase_orders/purchaseOrdersController.js

PurchaseOrderFactory.createPurchaseOrder($scope.order, items, $scope.current_store_id)
  .success(function (data) {
    if ($scope.orderImages.length) {
      _.each($scope.orderImages, function (file, i) {
        PurchaseOrderFactory.uploadPurchaseOrderImage(data.purchase_order.id, file)
          .success(function (data) {
            if (i === $scope.orderImages.length - 1) {
              $state.go('app.dashboard.purchase-orders.index', { store_id: DashboardFactory.getStoreId() });
            }
          })
          .error(function (err) {
            alert('Image uploading failed.');
            $state.go('app.dashboard.purchase-orders.index', { store_id: $stateParams.store_id });
          });
      });
    } else {
      $state.go('app.dashboard.purchase-orders.index', { store_id: $stateParams.store_id });
    }
  });

折扣部分的改動:
src/app/modules/discounts/discountFactory.js

  var uploadAdvancedDiscountImage = function(id, file) {
    var fd = new FormData();
    fd.append('image', file);
    return $http.post($rootScope.gateway + '/api/v4/stores/' + DashboardFactory.getStoreId() + '/discounts/' + id + '/discount_images', fd, {
      transformRequest: angular.identity,
      headers: { 'Content-Type': undefined }
    });
  };  

src/app/modules/discounts/advancedDiscountsController.js

// 497  
    $scope.orderImages = [];
    $scope.addImage = function (file, allFiles) {
      $scope.orderImages = allFiles;
    };

538-540

            if ($scope.orderImages.length) {
              _.each($scope.orderImages, function (file, i) {
                DiscountFactory.uploadAdvancedDiscountImage(data.discount.id, file)
                  .success(function (data) {
                    if (i === $scope.orderImages.length - 1) {
                      $scope.isSubmitting = false;
                      $state.go('app.dashboard.discounts.index', { store_id: DashboardFactory.getStoreId() });
                    }
                  })
                  .error(function (err) {
                    alert('Image uploading failed.');
                    $state.go('app.dashboard.discounts.index', { store_id: DashboardFactory.getStoreId() });
                  })
              })
            } else {
              $scope.isSubmitting = false;
              $state.go('app.dashboard.discounts.index', { store_id: DashboardFactory.getStoreId() });
            }

src/app/modules/discounts/advanced_discount_form.html

        <div class='panel-section'>
            <h3>{{'Images' |translate}}</h3>
            <div class="xgrid -gallery">
                <div ng-repeat='image in discount_images' class="xgrid-cell -default-25">
                    <img ng-src="{{image.image_url}}" alt="{{image.note}}" class="_rs-image">
                </div>
            </div>
            <input-image title='Add Image' on-select='addImage' ng-show="editMode"></input-image>
        </div>  
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,040評論 0 16
  • 放大自己,資源無盡----李欣頻 如果你只把自己當作一片樹葉,你自己會與其它樹葉搶奪資源,但如果你把自己視為許多樹...
    吳宇強閱讀 278評論 0 0
  • 文|@發(fā)憤的草莓 寫文章“第一怕”是什么? 第一怕沒東西寫。 不知要寫什么好,如巧婦無米下炊一般發(fā)愁。 還記得上學...
    發(fā)憤的草莓閱讀 1,395評論 12 31
  • 大托,一個隱居在湖南隆回虎形山脈密林深處的瑤寨。 聞說它的名字,只因了那神秘的石瀑。在小沙江鎮(zhèn),與五連瀑的親密接觸...
    夢里李大俠閱讀 1,654評論 0 2

友情鏈接更多精彩內(nèi)容