怎么在前端用ajax传图片,后端用flask接受
时间: 2024-05-14 19:13:15 浏览: 113
你可以在前端使用FormData对象来传输图片数据,例如:
```
var formData = new FormData();
formData.append('image', fileInput.files[0]);
$.ajax({
url: '/upload_image',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
// 处理服务器返回的响应
}
});
```
在后端使用Flask可以通过request.files.get方法来获取上传的图片文件,例如:
```
from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route('/upload_image', methods=['POST'])
def upload_image():
image = request.files.get('image')
# 处理上传的图片文件
return jsonify({'message': '上传成功'})
if __name__ == '__main__':
app.run()
```
注意,需要设置Ajax请求的processData和contentType为false,这样才能正确地将数据以multipart/form-data格式发送给服务器。另外,前端需要使用HTML5的File API来获取用户选择的图片文件对象。
阅读全文