flask和ajax实现前后端交互

前端代码

        

             选择照片
             
              

            

            


            

            上传照片

        
 

后端代码

import warnings
import requests
import numpy as np
warnings.filterwarnings("ignore")

import os
os.environ['TF_CPP_MIN_LOG_LEVEL'] = '3'

#------------------------------

from flask import Flask, jsonify, request, make_response

import argparse

app = Flask(__name__)

#------------------------------
#------------------------------
#Service API Interface

@app.route('/')
def index():
	return 'Hello, world!'

@app.after_request
#跨域不加会报错
#ajax：No 'Access-Control-Allow-Origin' header is present on the requested
def cors(environ):
    environ.headers['Access-Control-Allow-Origin']='*'
    environ.headers['Access-Control-Allow-Method']='*'
    environ.headers['Access-Control-Allow-Headers']='x-requested-with,content-type'
    return environ
@app.route('/up_photo', methods=['POST'], strict_slashes=False)
def api_upload():
	# file_dir = os.path.join(basedir, app.config['UPLOAD_FOLDER'])
	# if not os.path.exists(file_dir):
	# 	os.makedirs(file_dir)
	f = request.files['photo']
	print(f)

	# return jsonify({"success": 200, "msg": "上传成功"})
	return jsonify({"success": 200, "msg": "上传成功"})


if __name__ == '__main__':
	parser = argparse.ArgumentParser()
	parser.add_argument(
		'-p', '--port',
		type=int,
		default=5001,
		help='Port of serving api')
	args = parser.parse_args()
	app.run(host='0.0.0.0', port=args.port)