angularjs - 如何在ng-file-upload中获取上传文件的文件名

标签 angularjs file-upload ng-file-upload

我正在使用 angularjs 和 ng-file-upload 将文件上传到服务器。我想获取文件名,以便我可以在服务器中以相同的名称保存它。

上传后,我在“选择文件”按钮附近看到文件名,但我想将文件名设置为范围变量,以便我可以将文件名与文件一起传递到服务器。

上传代码:

 Upload.upload({
    url: $scope.ipForHttp+"addVehicles?ClassificationID=" + $scope.C.ClassificationID + "&ClassName=" +
         $scope.C.ClassName + "&ClassRate=" + $scope.C.ClassRate + "&ClassImage="+$scope.file+"&ClientID=1", 

   data:{file:$scope.file} 

 })

HTML:

    <input  type="file" ngf-select ng-model="file" name="file" 
 ngf-pattern="'image/*'"accept="image/*" ngf-max-size="20MB"  />

最佳答案

你可以这样访问,

   $scope.filename = $scope.file.name;

关于angularjs - 如何在ng-file-upload中获取上传文件的文件名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39699895/

相关文章:

javascript - Angular $scope 变量在更新时中断

javascript - 如何在上传过程中显示上传指示符?

file-upload - 使用 Dart 上传文件到服务器

javascript - 具有多种模式的 ng-file-upload

ios - ngf-select 不适用于 iphone5

javascript - 异步模式下ajax回调冲突

javascript - 如何访问 Angular 表单元素的属性

javascript - 询问 ng-show/ng-hide 中的状态

jquery - 输入[类型=文件]验证

node.js - Azure blob 从发送到 node.js api 的传入文件上传正在创建一个文件,但没有上传我要发送的文件