AngularJS with StreamSaver.js Support

AngularJS with StreamSaver.js Support

本文关键字：Support js StreamSaver with AngularJS      更新时间：2023-09-26

我想添加以下StreamSaver.js代码到AngularJS。同样的语法是不被接受的，所以我把代码改成了suite angular。

我得到了以下WritableStream is not defined错误。

angular-1.5.7.min.js:117 ReferenceError: WritableStream is not defined
    at Object.createWriteStream (StreamSaver.js:92)
    at m.$scope.downloadFile (profile_ctrl.js:305)

StreamSaver示例代码运行正常。

fetch(url).then(res => {
    let reader = res.body.getReader()
    let pump = () => {
        return reader.read().then(({ value, done }) => {
            if (done) {
                myFile.close()
                return
            }
            myFile.write(value)
            return pump()
        })
    }
    pump()
})

而不是下面给出的修改代码。

var myFile = streamSaver.createWriteStream("filename.txt");
fetch(url).then(function(res) {
    $scope.pump = function(reader) {
        return reader.read().then(function(value, done) {
            if (done) {
                myFile.close();
                return;
            }
            myFile.write(value);
            return pump();
        });
    };
    var reader = res.body.getReader();
    $scope.pump(reader);
});

错误是由于ES6语法。以下代码适用于chrome v52浏览器中的ES5。

var myFile = streamSaver.createWriteStream("filename.txt");
fetch(url).then(function(res) {
  var reader = res.body.getReader();
  $scope.pump(reader);
});
$scope.pump = function(reader) {
  return reader.read().then(function(result) {
    if (result.done) {
      myFile.close();
      return;
    }
    myFile.write(result.value);
    return $scope.pump(reader);
  });
};

你最好使用angularjs中已有的包。例如，angular-file-saver试图包装filesver . js .

相关文章：