javascript - 如何将对象从 JavaScript 上传到 Rest API

Question

我有一个 Rest API:

[HttpPost]
[Route("Services/Image/Upload")]
public string Upload([FromBody]GalleryItem galleryItem)
{
    try
    {
        var appSettings = ConfigurationManager.AppSettings["GalleryPath"].ToString();

        using (FileStream fs = new FileStream(appSettings + galleryItem.KeyCode + ".jpg", FileMode.Create))
        {
            using (BinaryWriter bw = new BinaryWriter(fs))
            {
                byte[] data = Convert.FromBase64String(galleryItem.Base64);
                bw.Write(data);
                bw.Close();
            }
        }
        return "OK";
    }
    catch (Exception ex)
    {
        return ex.ToString();

    }
}

我从我的 Javascript 客户端调用它，例如:

var galleryItem = new Object();
galleryItem.Base64 = base64;
galleryItem.KeyCode = '1234';
url = "http://my domain name/api/Services/Image/Upload";
$.ajax({
    type: 'POST',         
    url: url,
    data: JSON.stringify(galleryItem),
    contentType: 'application/json; charset=utf-8',
    dataType: 'text/plain',
    success: function (msg) {
        alert('Image saved successfully !');
    },
    error: function (jqXHR, textStatus, err) {
        $('#error').html('Error: ' + err);
}
});

我的模型:

public class GalleryItem
{
    public string Base64 { get; set; }
    public string KeyCode { get; set; }
}

我通过移动设备对此进行了测试，因为我正在从相机拍摄图像以发送。

似乎什么都没发生？我只是“错误:错误”？

谢谢

附加: 移植到测试脚本后(希望我早点这样做)我发现错误是这样的:

net::ERR_NAME_NOT_RESOLVED

虽然我不确定为什么我从那个 api 调用另一个方法没有问题

Answer 1

解决了!

感谢上帝!

我将 url 更改为 relative:

url = "/api/Services/Image/Upload";

不带域名前缀。

它一定很困惑，认为它需要 cors？ (这里猜)