Javascript 如何将上传的图像保存到flask中的文件夹

我用ajax保存上传的图片并发布。我尝试用flask保存文件，但出现如下错误。你能帮我吗

这是js代码

var image = $("#imageUpload")[0].files[0];
    var data = {
        "image": image.name,
        "image_type": image.type, 
    }
  $.ajax({
         url: "/home",
         type: "POST",
         data: JSON.stringify(data),
         contentType: "application/json; charset=utf-8"
         })

这是我的密码

image_name = json_data[0]['image']
image_type = json_data[0]['image_type']
full_image = FileStorage(folder_path, image_name, content_type=image_type)
image_name = 'photo_' + data['uname'] + '_' + created_date + '_' + created_time + '.' + str(image_type.split('/')[1])
folder_path = 'static/img/'
image_path = folder_path + image_name
if not folder_path:
    os.mkdir(folder_path)
full_image.save(image_path)

此错误消息

完整的\u image.save（图像路径）文件“…\venv\Lib\site packages\werkzeug\datastructures.py”， 第3070行，保存中 copyfileobj（self.stream，dst，buffer_size）文件“C:\Program Files\Python38\Lib\shutil.py”，第199行，在copyfileobj中 fsrc_read=fsrc.read AttributeError:“str”对象没有属性“read”

---

您只是将一些字符串传递给处理程序（“image”和“image\u type”）。您需要将实际数据文件（图像）从网页发布到后端。然后使用：

FileStorage(image, image_name, content_type=image_type)

此函数无法从客户端上的文件夹路径读取文件。它需要以字节形式显示流：

image_bytes = image.read()

---

如何获取实际数据文件（图像）？“var image=$（“#imageUpload”）[0]。文件[0]；”是实际数据吗？这将返回undefinedYou尚未显示web表单代码。文件字段ID是否为

imageUpload

？请尝试

console.log（$（“#imageUpload”）

，然后尝试

console.log（$（“#imageUpload”）[0]）

，然后尝试

console.log（$（“#imageUpload”）[0]。文件）

，查看您得到了什么。一旦获得它，您仍然需要将其添加到发送到Flask后端的数据中。现在，您只将名称和类型作为字符串发送。如果未定义$（“#imageUpload”）[0]。文件，请尝试：

var image=$（“#imageUpload”）.prop（'files'）

；