传送门：
<script src="angular(.min).js"></script>
<script src="ng-file-upload-shim(.min).js"></script> <!-- for no html5 browsers support -->
<script src="ng-file-upload(.min).js"></script>
//注入 ngfileupload （注意：如果你用ui-load对于每个html加载文件 ，要把ng-file-upload文件放到首页去加载，不能写在ui-load里面，以免注入的时候找不到文件）var app = angular.module('fileupload', ['ngfileupload']);
//upload
, [, uploadfiles
$scope.uploadfiles = function(file, errfiles) {
var url = '/product/pictures/updatapicture.do'; //接口名
$scope.f = file;
$scope.errfile = errfiles && errfiles[0];
if (file) {
file.upload = upload.upload({
url: url,
data: {uploadfilename: file, 'prodid': $scope.prodid, 'pricturegroup': $scope.pricturegroup ,'sortorder' : $scope.sortorder}//参数对应
});
file.upload.then(function (res) {
// 上传成功时操作
}, function (response) {
// if (response.status > 0)
// $scope.errormsg = response.status + ': ' + response.data;
}, function (evt) {
// file.progress = math.min(100, parseint(100.0 * evt.loaded / evt.total));
});
}
};
}]);
html
<button type="file" ngf-select="uploadfiles($file, $invalidfiles)" accept="image/*" ngf-max-height="1000" ngf-max-size="1mb"></button>
<img src="{{上传成功后接口返回图片url}}" alt="">
以上就是angular ng-file-upload源码的详细内容。