使用Flask API保存图像并将其返回给React应用程序可以通过以下步骤实现:
pip install flask
from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route('/upload', methods=['POST'])
def upload():
if 'image' not in request.files:
return jsonify({'error': 'No image found'})
image = request.files['image']
image.save('path/to/save/image.jpg')
return jsonify({'message': 'Image saved successfully'})
if __name__ == '__main__':
app.run()
const uploadImage = async (image) => {
const formData = new FormData();
formData.append('image', image);
try {
const response = await fetch('/upload', {
method: 'POST',
body: formData
});
const data = await response.json();
console.log(data.message);
} catch (error) {
console.error(error);
}
}
// 调用uploadImage函数并传递图像数据
uploadImage(imageData);
这样,Flask API将接收到的图像保存到指定目录,并返回一个包含成功消息的JSON响应。React应用程序可以通过处理该响应来确认图像已成功保存。
请注意,上述代码仅为示例,你可能需要根据实际需求进行适当的修改和调整。另外,为了保证安全性,你可能需要在Flask API中添加身份验证和授权机制。
领取专属 10元无门槛券
手把手带您无忧上云