javascript - 如何使用 JQuery 和 Flask 将 img 发送到服务器
问题描述
如何使用 JQuery 和 Flask 将 img 发送到服务器,我要将 img 发送到 Flask 服务器,但我不知道该怎么做,你能帮帮我吗
查询:
$file_upload.on('change', function () {
console.log($('#avatar_img_change')[0].files[0]);
$.getJSON('/change_avatar/', {
avatar: $('#avatar_img_change')[0].files[0]
}, function(data) {
console.log(data.error);
});
});
HTML:
<div style="position: relative;" id="av-div">
{% if current_user.avatar_name != None%}
<img src="../static/images/users/{{current_user.generated_id}}/{{current_user.avatar_name}}" alt="avatar" class="user-block__avatar">
{% else %}
<img src="../static/images/dev/unknownperson.png" alt="avatar" class="user-block__avatar">
{% endif %}
<label for="avatar_img_change" class="user-block__avatar-change font-color_grey">Change</label>
<input type="file" id="avatar_img_change" class="user-block__avatar-input">
</div>
解决方案
推荐阅读
- javascript - 获取 useState 立即更新
- python-3.x - 需要从上到下而不是从下到上打印列表
- firefox - 在本地存储的 HTML 框架集中读取 JS 变量
- python - 在我调用它之后,语法错误和未知的 None
- python - 为具有不同 auth_info 但从 API 提取数据并推送到数据库的相同逻辑的多个客户端创建 DAG 的最佳方法是什么?
- javascript - 无法更改 axios heder 内容类型
- regex - 使用 find 和 regex 区分 .h 和 .sh
- mongodb - 在 mongodb 中的分组之上排序
- javascript - 如何在 namecheap VPS 服务器上公开 nodejs api?
- mysql - 给定一个 MySQL datediff,如何输出实际使用的日期范围