flask jquery html 表单返回 None for Image

Question

web开发新手，尝试做一个简单的图片上传，目标是进s3。但目前当我 select 一张照片并提交请求时返回 none，无法弄清楚为什么。

html形式

<form name="update_profile_image_form" id="update_profile_image_form" class="text-center mt-2" method="POST" enctype="multipart/form-data" style="display: block;" action="/user/update/profile-image/">
  <input type="file" class="form-control-file form-control-file-sm ml-3 mt-2" id="profile_image" name="profile_image" accept="image/*">
  <input type="submit" value="Update" class="form-control-file form-control-file-sm ml-2 mt-2 text-center btn btn-sm btn-info" style="width: 90%;"></input>
</form>

脚本

$("form[name=update_profile_image_form").submit(function(e) {

  var $form = $(this);
  var $error = $form.find(".error");
  var data = $form.serialize();

  $.ajax({
      url: "/user/update/profile_image",
      type: "POST",
      data: data,
      dataType: "json",
      success: function(resp) {
        window.location.href = "/account/";
        
      }
    });
  
    e.preventDefault();
  });

路线

@app.route('/user/update/profile_image', methods=['POST'])
def update_profile_image(): 
  return User().update_profile_image()

函数

  def update_profile_image(self):
    img = request.files.get('profile_image')
    print(img)
    
    return redirect(url_for('account'))

也试过img = request.form.get('profile_image')

没有错误，print(img) 返回为 none

目标是上传图片，传递给函数，给它分配一个uuid并上传到s3，提前谢谢大家！

Answer 1

您不能序列化图像并将其作为 json 发送。

你应该使用 form data object。但是，print(img) 将不起作用，因为您无法以这种方式打印图像。

或者，您可以通过 converting it to base64.

将图像作为字符串传递

flask jquery html 表单返回 None for Image

flask jquery html form returning None for Image

python

api

file-upload

flask

python-requests