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

    很简单:

    $scope.upload = function() {
    			var f = $scope.myFile;
    			var fd = new FormData();
    			var img = document.querySelector('input[type=file]').files[0];
    			//var file = [];
    			//file.push(f);
    			// file.push(img);
    			fd.append('issueId', '1');
    			fd.append('file', img);
    			$http.post('/images', fd, {
    				transformRequest: angular.identity,
    				headers: {
    					'Content-Type': undefined
    				}
    			}).success(function (response) {
    				debugger;
    			}).error(function(response) {
    				debugger;
    			});
    		};
    

      html

    <div class="container" style="boeder: 1px solid #ddd">
                                <input type="file" name="pic" id="pic" emms-file-upload="myFile">
                                <a class="btn btn-primary" ng-click="upload()">upload</a>
                            </div>

    directives: 可用可不用

        emmsMobile.directive('emmsFileUpload', function() {
            return {
                restrict: 'ACE',
                link: function(scope, elem, attr) {
                    elem.on('change', function() {
                        scope.file = this.files[0];
                    })
                },
                scope: {
                    file: '=emmsFileUpload'
                }
            }
        })
  • 相关阅读:
    什么是“方法”
    break与continue
    循环结构2
    循环结构1
    Switch多选择结构
    if选择结构
    Scanner方法
    Doc参数信息
    运算符号
    变量与常量
  • 原文地址:https://www.cnblogs.com/nelson-hu/p/7581605.html
Copyright © 2011-2022 走看看