我有以下问题:

我正在使用ng-file-upload将文件发布到后端。 我已经将放置区域设置为当有人按下a按钮时通过ng-if显示。 这可以完美工作,我可以选择一个文件,并且也可以在ng-file-upload演示中看到它的名称。 用户现在应该可以在单击“保存”时上载此文件,但是每次执行此操作时,角度都会告诉我该文件未定义。

这里是我的上传和保存方法:

上载:

  $scope.upload = function (files) {
        console.log($scope.files);
    if ($scope.files && files.length) {
        for (var i = 0; i < files.length; i++) {
            var file = files[i];
            $upload.upload({
                url: base+'/doc/'+$scope.project_id+'?name='+$scope.doc.name,
                                    method: 'POST',
                doc: file
            }).progress(function (evt) {
                var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
                console.log('progress: ' + progressPercentage + '% ' +
                            evt.config.file.name);
            }).success(function (data, status, headers, config) {
                console.log('file ' + config.file.name + 'uploaded. Response: ' +
                            JSON.stringify(data));
            });
        }
    }
};

救:

$scope.saveDoc = function(){
    console.log($scope.files);
}

我想不出为什么文件应该为空的原因,因为前端中的ng-repeat起作用了。

<div ng-file-drop ng-file-select ng-model="files" class="drop-box"
      drag-over-class="dragover" ng-multiple="true" allow-dir="true">Drop pdfs or images here or click to upload</div>
  <div ng-no-file-drop>File Drag/Drop is not supported for this browser</div>
  <ul>
    <li ng-repeat="f in files" style="font:smaller">{{f.name}}</li>

它完美地显示了我的名字。

  ask by Sebi55 translate from so

本文未有回复,本站智能推荐:

2回复

尝试使用ng-file-upload和多方上传文件来上传文件

我正在尝试使用ng-file-upload和多方上传文件,但是我不断遇到files.file未定义的错误,我不确定这个问题是由ng-file-upload还是多方引起的,我花了几乎20小时 这是我的代码users.client.view.html users.client.cont
1回复

使用NG-File-Upload是成功上传后清除输入类型=“文件”的角度方式

在这里使用库https://github.com/danialfarid/ng-file-upload 。 成功上传后如何从元素清除输入文件的角度方式? (因此回到说“未选择文件”)
1回复

使用ng-file-upload上传文件时出现错误代码405

我正在尝试根据此处找到的示例使用ng-file-upload实现文件上传功能。 除了尝试将文件上传到本地Web服务器时,我收到Error Code 405 (Method not allowed)一切似乎都正常。 这是我的标记的一部分: 这是我的上传功能的定义: 我正
2回复

使用ng-file-upload指令将文件上载到sails.js服务器

我正在尝试使用以下指令将文件上传到sails.js应用服务器: ng-file-upload 我的客户端上传已经选择的图像是这样的: 我在服务器上处理上传的sails.js控制器方法如下所示: 但是,当服务器函数被调用且主体上存在json数据时,req.file('无论放置
1回复

ng-file-upload输出模型仅包含$ ngfBlobName,但文件上传正常

我正在使用ng-file-upload将图片上传到我的Web服务器。 一旦用户选择了文件,我便将其显示在轮播中,然后用户可以手动将它们上传到服务器(通过提交按钮)。 轮播中未显示某些图像。 这些图像仍然可以上传到服务器OK并显示在前端,也就是说,未在预览中显示的图像可以被上传并显示
1回复

尝试再次上传时如何使用ng-file-upload保留以前上传的文件?

我已经实现了ng-file-upload指令将我的文件上传到相应的URL .....当我选择文件时,根据ng-file-upload的功能同时进行上传和选择。 但是,上传后,当我尝试再次上传某些其他文件....以前上传的文件明显消失.....我想保留以前上传的文件,并需要获取下面的新上传的
1回复

如何在Chrome浏览器中将目录的结构传递给ng-file-upload指令?

使用以下Angular JS指令: https : //github.com/danialfarid/ng-file-upload 想知道是否有一种简化的方法将相对路径传递到文件对象。 我检查了以下问题: https : //github.com/danialfarid/ng-file-
1回复

如何在angular-file-upload中限制文件上传

我已经使用angular-file-upload上传文件,文件上传一切正常。 现在,我必须添加限制,即用户不能上传超过5张图片,并且一次拍摄一个文件就应该上传 。 下面是我的代码 控制者 查看部分