将JSON对象另存为AngularJS中的文件

Question

我想知道是否有任何方法可以将JSON对象另存为项目目录中的.json文件。 我有一个表单，每次用户填写时，我都希望附加JSON文件。 我目前仅使用AngularJS。

Answer 1

AngularJS只是JavaScript，因此请使用任何允许您使用JS保存文件的方法（ 最好使用PHP之类的后端来保存文件）。 其中一种方法是FileSaver.js （使用HTML5功能）。

这是一个工作示例：

 var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.myJSON = { "A": "B" }; $scope.saveJSON = function(json) { var jsonse = JSON.stringify(json); var blob = new Blob([jsonse], { type: "application/json" }); $scope.filename = $scope.filename || "my_json"; saveAs(blob, $scope.filename + ".json"); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> Some JSON: <pre> {{myJSON | json}} </pre> File Name: <input type="text" ng-model="filename" /><br> <button ng-click="saveJSON(myJSON)">Save</button> </div> 

或者您可以使用以下方式将请求发送到后端，例如PHP

$http.post("createJSON.php",json).then((res)=>{...}, (err)=>{...})

并收到：

<?php
$dataReceived = file_get_contents('php://input');
$myFile = json_decode( $dataReceived );

$path = $myFile->path; // path to store it in
$name = $myFile->name; // file name
$JSON = $myFile->json; // content

# Storing file
$file = fopen($path.$name.".json", 'w');
fwrite($file, $JSON);
fclose($file);
?>

Answer 2

您不能仅使用javascript将文件保存到磁盘。 也许您确实需要nodejs，并使用fs模块。 是否可以仅使用JavaScript将数据写入文件？