javascript - 我想做一个文件选择的功能,后半部分不知道怎么实现,告诉我逻辑也行?
黄舟
黄舟 2017-04-11 12:12:42
[JavaScript讨论组]

1,直接上代码 js代码

angular.module('ngFinder',[])
    .directive('elFinder', function() {
        return {
            restrict: 'E',
            scope: {
                'url': '=url',
                'selectFiles': '=',
            },
            link: function(scope, element, attrs, controller) {
                var options = {
                    url : scope.url || '/elfinder',
                    commands : false,
                    handlers : {
                        select : function(event, elfinderInstance) {
                            var selected = event.data.selected,
                                curDir = elfinderInstance.cwd().name,
                                selectFileList = [],
                                tmpPath = ''; // 当前目录
                            //console.log(selected,curDir, selectFileList, tmpPath );
                            $.each(selected, function (index, item) {
                                tmpPath = elfinderInstance.path(item);

                                selectFileList.push({id: item, fullPath: tmpPath});
                            });
                            scope.$apply(function(){
                                scope.selectFiles = $('.ui-selected').text();
                                console.log(" scope.selectFiles",  scope.selectFiles);
                                $
                                $(".elfinder-cwd-file").bind("click", function(e){
                                    if ($(e.target).hasClass('ui-selected')) {
                                        var clickedFileName = $(e.target).attr('name');
                                        console.log("clickedFileName", clickedFileName);
                                    }
                                })


                            })

                        }
                    }
                };
                $(element).elfinder(options);
            },
        };
    })


2.html 代码

  • {{selectFiles}}

3控制器代码

app.controller('FileController', function($scope, $rootScope, $http, $location, $window, $routeParams) {
        $scope.selectFiles = [];

});

想用jquery实现 现在可以获取文件名 文件目录

现在的思路是想给选中的所有文件绑定一个click事件,然后判断是否有点击事件,单击选择文件 在点取消选择 还有就是切换目录的时候判断是否文件在同一个目录

拜托各位了大神! 现在最重要的是不知道怎么执行下一步了。。。。。

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(1)
怪我咯

既然现在已经可以获取到文件了,那么就来个数组selectFiles把选取的文件对象push进去,这个数组通过ng-repeat遍历到页面,已选择的文件都会在页面显示,那么只需要在这些文件上绑定一个click事件,点击后从数组selectFiles中把那个文件对象删除就行了

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号