显示用户使用角度

时间:2017-10-31 03:38:03

标签: angularjs file-upload count

我正在尝试创建一个Web应用程序,您可以通过该应用程序添加项目以及与之相关的任何文件。有一个角度表显示项目信息,我想包括一列,显示为每个项目上传的文件数。上传的文件保存在单独的目录中。我已经发布了一些代码部分,以便你们可以了解它。

<th><button type="button" id="show"># Of Files</button></th>

这是一个按钮的文件数的表头。

<tr ng-repeat="project in allProjects >
<td> {{ ??? }} </td>

以上是获取每个项目的文件数的表数据。

<input type="file" nv-file-select="" id="myFile" uploader="uploader" multiple />

<button type="button" id="file"> Upload</button>

上面是文件输入,带有一个上传文件的按钮。

$scope.get_files = function(){
    $http.post('core/engine.php?method=route', {'class':'Upload', 'function':'get_project_files', 'data':$scope.project.PROJECT_NAME})
        .success(function(data){
            if (data != 0) $scope.fileList = data;
        })
}

以上是上传文件的代码。

 static function get_project_files(){
    if(!file_exists(self::$root . DIRECTORY_SEPARATOR . self::$data)){
        mkdir(self::$root . DIRECTORY_SEPARATOR . self::$data);
    } else {
        return array_diff(scandir(self::$root . DIRECTORY_SEPARATOR . self::$data), array('..', '.'));
    }
}

这会创建一个目录并将上传的文件保存在其中。

$scope.get_count = function(){
    var fi = document.getElementById('file');

 return fi.files.length;
}

我试图编写这部分代码并将其传递给表数据,但它不起作用。 伙计们对此有任何帮助,我们非常感谢并提前感谢。如果您想了解有关此代码的更多信息,请与我们联系。

1 个答案:

答案 0 :(得分:0)

要获取文件数量,您只需添加一个将其与文件中的change事件绑定的函数即可,如下所示:

preview-3a0c9433aa42f56dbd90b.js:1 SyntaxError: Unexpected token o in JSON at position 1

创建一个选择文件功能,以获取用户选择的文件数。以下代码将完成任务

 <input type="file" multiple (change)="chooseFile($event.target.files)" />  

文件是一个数组,其中包含用户选择的文件总数。