使用Flask进行文件上传而不刷新

时间:2017-06-17 14:19:32

标签: python angularjs flask

我有用户界面(angularJS),我需要在不刷新页面的情况下上传文件。目前我们使用Flask作为Web应用程序框架。

我将index.html更改为以下格式,以便在不使用表单标记的情况下尝试读取上传的文件并存储它。

使用 ngclick 方法如何从 app.py 中读取文件?

以下是代码段(index.html)

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Python Flask Bucket List App</title>
    <link href="http://bootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css" rel="stylesheet">
  </head>
  <body>
      <div ng-controller = "myCtrl">
         <input type = "file" file-model = "myFile"/>
         <button ng-click = "uploadFile()">upload file</button>
      </div>
  </body>
</html>

app.py

的代码段
from flask import Flask, render_template, json, request
app = Flask(__name__)

@app.route('/')
def main():
    return render_template('index.html') 

@app.route('/upload/')
def upload_file():
    print('uploaded file ',request.FILES['file1'].read())

    return render_template('signup.html')

我尝试了各种选项,但我找不到可行的选择。

由于 维杰

0 个答案:

没有答案