POST / api / sendimage 400(错误请求)来自浏览器的Flask Restful API

时间:2019-02-11 13:34:07

标签: python ajax flask cors flask-cors

我正在使用

Python 3.6.3
烧瓶== 1.0.2
Flask-Cors == 3.0.7
Flask-RESTful == 0.3.7

制作一个API,该API用于使用post方法收集tiff图像并将其保存在本地。

api = Api(app)
CORS(app)

 class CatchImage(Resource):
    @cross_origin(supports_credentials=True)
    def post(self):
        file = request.files['file']
        if file and allowed_file(file.filename):
            filename = secure_filename(file.filename)
            if which_extenstion(filename) != "tiff":
                return json.dumps({
                    "id": None,
                    "error": "Unsupported file type"
                })

            else:
                unique_id, folder_path, save_path = get_unique_id(filename)
                try:
                    file.save(save_path)
                except FileNotFoundError:
                    LookupError("no uploads folder")
                convert_jpg_save(save_path)
                jpg_image_path = get_jpg_image_path(folder_path)
                img = [
                    url_for("send_image", filename=image)
                    for image in jpg_image_path
                ]

                return jsonify({
                    "filename ": file.filename,
                    "id": unique_id,
                    "urls": img,
                    "error": None
                 })

        return json.dumps({"error": "no file"})

api.add_resource(CatchImage, '/api/sendimage')

我已经使用Postman尝试了API,该API工作得很好。但是当我尝试从浏览器访问API时,我得到了

POST http://127.0.0.1:5000/api/sendimage 400(错误请求)

相同的代码如下,由邮递员生成。

var form = new FormData();
form.append("file", "/home/blue/Templates/test.tiff");

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "http://127.0.0.1:5000/api/sendimage",
  "method": "POST",
  "headers": {
    "cache-control": "no-cache",
    "Postman-Token": "4fdcc138-5567-4c4d-8f7d-8967d45b3c2a"
  },
  "processData": false,
  "contentType": false,
  "mimeType": "multipart/form-data",
  "data": form
}

$.ajax(settings).done(function (response) {
  console.log(response);
});

我确实认为这与 CORS 有关,或者设置了一些我无法找出的错误。
我想了解问题的可能原因是什么最有可能的解决方案。在此先感谢您的宝贵时间-如果我错过了任何内容,请在注释中让我知道。

1 个答案:

答案 0 :(得分:0)

400(错误请求)表示发送的数据不是服务器期望的数据。我不认为这与CORS有关。

我建议您在Callable函数中使用pdb来查找响应的来源。

post