angularjs之ng file upload

来源:互联网 发布:sql server 2017 收费 编辑:程序博客网 时间:2024/03/28 17:26

做项目之前的必备工作

目前使用JetBrains WebStorm 软件编辑

如果想实现ng flie upload 图片上传的功能

需要在github.com上下载ng-file-upload文件夹

在页面调用ng-flie-upload.js

在app.js添加依赖模块ngfileupload

在bower.json添加依赖模块ngflieupload并注明版本号

然后在控制器中输入代码,实现图片上传功能

.controller('equipmentPicCtrl',function($scope,$stateParams,Upload){  //函数依赖控制域,和上传 stateParams状态参数  $scope.data = {  //date是图片数据类型为图片    file: null  };  $scope.upload = function () {    if (!$scope.data.file) {   //如果不是图片则返回      return;    }    var url = $scope.params.url;  //paramsmodel传的参数,图片上传接口的url    var data = angular.copy($scope.params.data || {}); // 接口需要的额外参数,比如指定所上传的图片属于哪个用户: { UserId: 78 }    data.file = $scope.data.file;      Upload.upload({      url: url,        data: data    }).success(function (data) {      $scope.hide(data);    })  };});

原创粉丝点击