Python 使用flask将json转换为mongodb_Python_Json_Angularjs_Mongodb_Flask

Python 使用flask将json转换为mongodb

python json angularjs mongodb flask

Python 使用flask将json转换为mongodb,python,json,angularjs,mongodb,flask,Python,Json,Angularjs,Mongodb,Flask,我有一个html angularJS（下面的代码），我上传一个csv并转换成json。JSON存储在变量行中。将JSON（从CSV转换）传递到flask并发送到mongodb的最佳方式是什么。我必须使用flecth还是AJax？最好的选择是什么。非常感谢 <!DOCTYPE html> <html lang="en" ng-app="swim_api"> <head> <script src

我有一个html angularJS（下面的代码），我上传一个csv并转换成json。JSON存储在变量行中。将JSON（从CSV转换）传递到flask并发送到mongodb的最佳方式是什么。我必须使用flecth还是AJax？最好的选择是什么。非常感谢

<!DOCTYPE html>
<html lang="en" ng-app="swim_api">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
    </head>

<body ng-controller="ConverterController">
    <script>angular.module('swim_api',[]).controller("ConverterController", function($scope) {
    
  $scope.jsonText="No File Submitted";
  
  $scope.ConvertFile = function () {
    var input = document.querySelector('input').files;
    if(!input.length){
      alert("No file selected");
      return;
    }
    var file = input[0];
  
    var reader = new FileReader();
    reader.onload = (function(theFile) {
      return function(e) {
        var fileData = e.target.result.split(/\r\n|\n/);
        var columns = fileData[0].split(',');
        var lines = [];

        for (var i=1; i<fileData.length; i++) {
            var text = fileData[i].split(',');
            if (text.length == columns.length) {
                var cells = {};
                for (var j=0; j<columns.length; j++) {
                    cells[columns[j]]=text[j];
                }
                lines.push(cells);
            }
        }
        $scope.jsonText = JSON.stringify(lines);
        $scope.$apply();
      };
    })(file);
    reader.readAsText(file);
  };
});
    </script>
  <h1>Convert CSV to Json</h1>
  <p>Choose a csv to upload</p>
  <input name="myFile" type="file">
  <br>
  <button ng-click="ConvertFile()">Convert</button>
  <br>
  <p>{{jsonText}}</p>
</body>

</html>


angular.module（'swim_api'，[]）.controller（'ConverterController'，function（$scope）{
$scope.jsonText=“未提交任何文件”；
$scope.ConvertFile=函数（）{
var input=document.querySelector（'input'）。文件；
如果（！input.length）{
警报（“未选择文件”）；
返回；
}
var文件=输入[0]；
var reader=new FileReader（）；
reader.onload=（函数（文件）{
返回函数（e）{
var fileData=e.target.result.split（/\r\n |\n/）；
var columns=fileData[0]。拆分（'，'）；
var行=[]；
对于（var i=1；i
    from flask import jsonify
    from flask import render_template
    from flask import request
    import pymongo
    import json
    
    from flask import Flask
    
    app = Flask(__name__)
    client = pymongo.MongoClient("mongodb+srv://<user>:<password>@bitalino1.ina5f.mongodb.net/`DB?retryWrites=true&w=majority")
    db = client['mydatabase']
    collection = db['mycollection']
    
    
    @app.route("/")
    def index():
       return render_template("novo.html")
    
    @app.route('/upload_json', methods =['POST'])
    def upload_json():
       data= request.form(lines)    
        collection.insert_one(data).inserted_id
        return "data inserted in Mongodb database", 200
    
      if __name__ == '__main__':
        app.run(debug=True) '''