無法使用Angular.js ng-file-upload替換文件名

Question

我嘗試使用Angular.js ng-file-upload文件后重命名文件名。 但是，當我刪除ngf-min-height="400" ngf-resize="{width: 400, height:400}"屬性時，發生了什么情況。 我在下面提供我的代碼：

<input type="file"  data-size="lg" name="bannerimage" id="imagefile1"  ng-model="file" ngf-pattern="image/*" accept="image/*"  ngf-max-size="2MB" ngf-min-height="400" ngf-resize="{width: 400, height:400}"   custom-on-change="uploadFile"  ngf-select="onFileSelect($file);" >

我的控制器端代碼如下：

$scope.onFileSelect = function($files) {
         fileURL=$files;
         $scope.imageData='';
    }
var file=fileURL;
var today=(Math.random() * new Date().getTime()).toString(36).replace(/\./g, '');
var newpath=today+"_"+ file.name;
file.name=newpath;

在上面的代碼中，我在文件名中添加了一個隨機數並將其替換。 在這種情況下，它可以正常運行，但是如果我要從如下所示的文件輸入中刪除ngf-min-height="400" ngf-resize="{width: 400, height:400}" 。

<input type="file"  data-size="lg" name="bannerimage" id="imagefile1"  ng-model="file" ngf-pattern="image/*" accept="image/*"  ngf-max-size="2MB"   custom-on-change="uploadFile"  ngf-select="onFileSelect($file);" >

在這種情況下，我不能替換新的文件名，也不需要限制文件的height and width 。

Answer 1

ng-file-upload的Upload Service為此提供了一種方法。 這是一個例子：

$scope.$watch('dropFile', function () {
    uploadFile($scope.dropFile);
});

function uploadFile(file) {
  if (!file) {
    return;
  }

  file = Upload.rename(file, "newName.ext");

  Upload.upload({
        url: <api url for upload>,
        data: {file: file}
    }).then(function (resp) {
      //successful
    }, function (resp) {
        //error
    }, function (evt) {
       //progress
    });
}

Answer 2

試試這個代碼

<input type="file"  data-size="lg" name="bannerimage" id="imagefile1"  ng-model="file" accept="image/*" ng-file-select="onFileSelect($files[0]);" >

$scope.onFileSelect =function(file){
    filename = 'jihin.' + file.name.split(".")[1];
    var imgFile = new File([file], filename, {type:file.type});
    console.log(imgFile);
};