javascript 文件导出/导入

Posted 2021-05-03

$scope.exportJSON = function () {
  var json = JSON.stringify($scope.version);

  var filename = $scope.version.Number + ' ' + $scope.version.Name + '.json';
  var contentType = 'application/json';
  if (navigator.msSaveOrOpenBlob) {
      var blob = new Blob([json], { type: contentType });
      navigator.msSaveOrOpenBlob(blob, filename);
  } else {
      var urlCreator = window.URL || window.webkitURL || window.mozURL || window.msURL;
      if (urlCreator) {
          var link = document.createElement("a");
          if ("download" in link) {
              var blob = new Blob([json], { type: contentType });
              var url = urlCreator.createObjectURL(blob);
              link.setAttribute("href", url);
              link.setAttribute("download", filename);
              link.click();
          } else {
              var blob = new Blob([json], { type: contentType });
              var url = urlCreator.createObjectURL(blob);
              window.location = url;
          }
      }
  }
};

$scope.importJSON = function () {
  var fileLoader = $("#fileLoader");
  fileLoader.click();

  var files = fileLoader[0].files;

  if (files.length == 0) return;

  var regex = /\.(json)$/;
  if (!regex.test(files[0].name)) {
      $scope.errors.push('Import Failed: File type of .json is required.');
      $scope.invalidFileType = true;
  } else {
      $scope.invalidFileType = false;
  }
  var reader = new FileReader();

  reader.onload = function (e) {
      if ($scope.invalidFileType) return;

      $scope.isNew = true;
      $scope.version = JSON.parse(reader.result);

      if ($scope.version.Pages != null && $scope.version.Pages.length > 0) {
          $scope.selectPage(0);
      } else {
          $scope.selectPage(null);
      }

      try {
          $scope.$apply();
      }
      catch (ex) {
          console.warn(ex);
      }
  }

  reader.readAsText(files[0]);
};