Question

首先，我不得不说之前已经提出了与此相似的问题，但答案没有帮助。

这是代码。

＆＃13;

ctrl.downloadFile = function (file) {
  var filename = file.filename.split("/"),
  name = (filename[filename.length - 1]);
  $http({method: 'GET', url: '/download/' + name}, {responseType: "blob"}).then(
    function success(response) {
      var blob = new Blob([response.data], {type: response.headers['content-type'] + ";text/csv;charset=utf-8,%EF%BB%BF"}),
        url = $window.URL || $window.webkitURL,
        fileUrl = url.createObjectURL(blob);
      var anchor = document.createElement('a');

      anchor.href = fileUrl;
      anchor.target = '_blank';
      anchor.download = name;
      anchor.style = "display: none";

      document.body.appendChild(anchor);
      anchor.click();

      setTimeout(function () {
        document.body.removeChild(anchor);
      }, 100);
    }
  )
};

＆＃13;

这是调用downloadFile()函数的html代码。

＆＃13;

<a  ng-click="$ctrl.downLoadFile(file)"  target='_blank'>{{file.filename}}</a>

＆＃13;

已下载的文件不支持德语特殊字符（Å，Ø，Ü）。该怎么做文件支持这些字符？

更新1 ：我也是这样做的。但它也没有用。

var blob = new Blob(["\ufeff", response.data], 
                     {type: response.headers['content-type'] +
                      ";text/csv;charset=utf-8"})

更新2 ：如果我使用这些字符（Å，Ø，Ü）而不是response.data，它可以正常工作。< / p>

   var blob = new Blob(["\ufeff", "Å Ø Ü" ], 
                         {type: response.headers['content-type'] +
                          ";text/csv;charset=utf-8"})

更新3 ：这是一个单页面应用程序。是的，我在html页面的head部分使用了<meta charset="utf-8">。

Answer 1

使用整个ctrl.downloadFile()是不必要的。相反，我使用一个函数来制作下载链接，然后在ng-href中调用它。

ctrl.urlForFile = function(file) {
  var split = file.filename.split("/");
  return '/download/' + file['xyz'] + "/" + split[split.length - 1];
};

<a ng-href="{{$ctrl.urlForFile(file)}}" target='_blank'>{{file.filename}}</a>

如果您不需要动态制作下载链接，则应直接在ng-href中使用该链接。

<a ng-href="/download/xyz/dfdsf23423423" target='_blank'>{{file.filename}}</a>

使用blob创建的文件不支持非ASCII字符

这是代码。

1 个答案: