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

How to upload object from JavaScript to Rest API

本文关键字:Rest API JavaScript 对象      更新时间:2023-09-26

我有一个 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 调用另一种方法没有问题

解决了!

谢天谢地!

我将网址更改为相对:

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

不以域名为前缀。

一定很困惑,认为它需要CORS?(在这里猜测)