# 获取拍照图片 @app.route('/get_onlinephoto', methods=['POST']) def get_onlinephoto(): # 获取上传的图片文件 image_file = request.files['image'] # 保存图片文件 image_file.save(os.path.join(app.root_path, 'static', 'picture', image_file.filename)) return '上传成功' 前端要写ajex上传图片怎么写
时间: 2024-01-13 22:05:24 浏览: 33
前端代码可以参考以下示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>上传图片</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<form id="upload-form" enctype="multipart/form-data">
<input type="file" id="image-file" name="image">
<button type="submit" id="upload-button">上传图片</button>
</form>
<div id="result"></div>
<script>
$('#upload-form').submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
url: '/get_onlinephoto',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data) {
$('#result').text(data);
},
error: function(xhr, status, error) {
console.error(error);
}
});
});
</script>
</body>
</html>
```
这个示例代码使用 jQuery 发送 AJAX 请求,将表单数据转换为 FormData 对象,然后通过 POST 方法发送给服务器。由于上传的是图片文件,所以需要设置 processData 和 contentType 属性为 false,以避免将数据序列化为字符串。成功上传后,服务器会返回一个字符串,这个字符串会显示在页面上。