如何使用AngularJS更改文件输入中的文件名?

时间:2017-02-21 10:20:13

标签: javascript angularjs file-upload angular-directive

有没有办法更改选择的文件名?  例如,我选择文件名img1。在选择文件时,必须将其更改为dynamicname。有没有办法改名?

<input type="file" fd-input/>

enter image description here

1 个答案:

答案 0 :(得分:1)

这是一种在指令中更改文件名的方法:

app.directive('file', function() {
  return {
    scope: {
      file: '='
    },
    link: function(scope, el, attrs) {
      el.bind('change', function(event) {
        var files = event.target.files;
        var file = files[0];
        scope.file = 'New file name';
        scope.$apply();
      });
    }
  };
});

使用如下:

<input type="file" file="param.file" />

JSFiddle demo