今天完成的事情：使用file-upload实现了拖动上传图片和选择上传图片，完成了点击div选择图片上传。学习了下file-upload的官方文档，以及研究下了对应的实例。

明天计划的事情：完成上传图片的预览，了解下html5中上传图片的方法。

遇到的问题：不太清楚实例中的button和队列中的待上传的的图片是如何联系到一起的，通过item的数组联系到一起的。找了些图片缩略图的例子用的是html5的方法，没有研究透。

收获：了解了拖动文件到webstorm里和open打开文件的效果不一样，用open方式，能模拟一个线上的环境，相当于配置了nginx。

 minimal --><element nv-file-drop uploader="{FileUploader}"></element><!-- maximal --><element nv-file-drop uploader="{FileUploader}" options="{Object}" filters="{String}"></element>

<!-- minimal --><input type="file" nv-file-select uploader="{FileUploader}"/><!-- maximal --><input type="file" nv-file-select uploader="{FileUploader}" options="{Object}" filters="{String}"/>

<!-- minimal --><element nv-file-over uploader="{FileUploader}"></element><!-- maximal --><element nv-file-over uploader="{FileUploader}" over-class="{String}"></element>

angular.module('app',[])
    .directive('fileModel', ['$parse', function ($parse) {
        return {
            restrict: 'A',
            link: function(scope, element, attrs, ngModel) {
                var model = $parse(attrs.fileModel);
                var modelSetter = model.assign;
                element.bind('change', function(event){
                    scope.$apply(function(){
                        modelSetter(scope, element[0].files[0]);
                    });
                    //附件预览
                    scope.file = (event.srcElement || event.target).files[0];
                    scope.getFile();
                });
            }
        };
    }]);
angular.module('app')
    .controller('UploaderController', function($scope, fileReader){
        $scope.getFile = function () {
            fileReader.readAsDataUrl($scope.file, $scope)
                .then(function(result) {
                    $scope.imageSrc = result;
                });
        };

    });