Question

我有以下REST API调用示例 -

curl -u "{username}":"{password}" -X POST \
-F "images_file=@test.jpg" \
"https://gateway.watsonplatform.net/visual-recognition-beta/api/v2/classify?version=2015-12-02"

我想将上述调用作为标准的ajax请求执行。这是我到目前为止 -

cropper.getCroppedCanvas().toBlob(function(blob){
        var uploadData = new FormData();
        uploadData.append('images_file',blob);

        $.ajax('https://gateway.watsonplatform.net/visual-recognition-beta/api/v2/classify?version=2015-12-02', {
        method: "POST",
        data: uploadData,
        processData: false,
        contentType: false,
        beforeSend: function (xhr) {
            xhr.setRequestHeader('Authorization', 'Basic ODdlOTTZIeg==');
        },
        success: function (data) {
            console.log('Upload success');
            console.log(data);
        },
        error: function (data) {
            console.log('Upload error');
            console.log(data);
        }

    })

    })

我收到错误 -

"{"code":400,"error":"Could not classify. Verify that valid images were uploaded."}"

我的预感是，在上述ajax调用中没有正确模拟cURL的-F image_results=@test.jpg。

cropper.getCroppedCanvas（）是来自cropperjs库的函数调用。

Answer 1

将formData与blob一起使用，如下所示：

formdata.append("myfile", myBlob, "filename.txt");

请参阅Document

使用append（）方法时，可以使用第三个可选参数在发送到服务器的Content-Disposition标头内传递文件名。如果未指定文件名（或不支持该参数），则使用名称“blob”。

所以，对于你的情况：

cropper.getCroppedCanvas().toBlob(function(blob){

    var uploadData = new FormData();

    var filename = "your-file-name-with-suffix";
    uploadData.append('images_file',blob,filename);

    //$.ajax(...);
});

如何将给定的curl命令复制为jquery ajax请求？

1 个答案: