python如何传文件到前端

Python可以利用Flask框架实现传文件到前端的操作。下面是实现这一操作的完整攻略：

1.首先在前端页面中使用form表单创建一个文件上传的input元素。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>上传文件</title>
  </head>
  <body>
    <form action="{{ url_for('upload') }}" method="POST" enctype="multipart/form-data">
      <input type="file" name="file">
      <input type="submit" value="上传">
    </form>
  </body>
</html>

2.创建Flask路由，用于接收文件上传的请求，并进行文件处理操作。

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/', methods=['GET'])
def index():
    return render_template('upload.html')

@app.route('/upload', methods=['POST'])
def upload():
    f = request.files['file']
    file_path = 'static/uploads/'+f.filename
    f.save(file_path)
    return "文件上传成功！"

if __name__ == '__main__':
    app.run()

其中，request.files['file']用于接收前端发送的文件，并将文件保存到指定路径。

3.最后在前端页面中添加将文件内容展示出来的代码。例如，使用img标签展示上传的图片：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>上传文件</title>
  </head>
  <body>
    <form action="{{ url_for('upload') }}" method="POST" enctype="multipart/form-data">
      <input type="file" name="file">
      <input type="submit" value="上传">
    </form>
    {% if file %}
    <img src="{{ file }}" width="200" height="200">
    {% endif %}
  </body>
</html>

在Flask路由中添加将文件传递给前端的代码：

from flask import Flask, request, render_template, url_for

app = Flask(__name__)

@app.route('/', methods=['GET'])
def index():
    return render_template('upload.html')

@app.route('/upload', methods=['POST'])
def upload():
    f = request.files['file']
    file_path = 'static/uploads/'+f.filename
    f.save(file_path)
    return render_template('upload.html', file=url_for('static', filename='uploads/'+f.filename))

if __name__ == '__main__':
    app.run()

其中，url_for('static', filename='uploads/'+f.filename)用于拼接出文件的访问路径，render_template用于将文件路径传递到前端页面。

以上就是Python如何传文件到前端的完整攻略。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：python如何传文件到前端 - Python技术站

python如何传文件到前端

相关文章