Question

我正在尝试传递一个由不同数据类型组成的对象。我总是在Web API中为orderDetails获取null值。

但是，如果这样做，

purchaseOrder.Attachments = null,

在客户端然后orderDetails不再为null，我有其他信息，如“SendEmail”和PurchaseOrderNumber。

看起来我可能无法正确设置客户端中的参数（角度2）。

然而，从Console应用程序测试相同的Web Api方法工作正常，我没有得到空值。

我是否需要分离JSON数据和字节数组？

的问候， -Alan -

模型

public class Attachments
{
   public int AttachmentId { get; set; }
   public string FileName { get; set ;}
   public byte[] FileData { get; set ;}
}
public class UpdatePurchaseOrderViewModel
{
      public bool SendEmail { get; set; }
      public int PurchaseOrderNumber { get; set; }
      public Attachments Attachments { get; set;
}

这是我的Web API put方法定义

[HttpPut("AddPurchaseOrderNumber/{purchaseOrderId}")]
       public StatusCodeResult AddPurchaseOrderNumber(int purchaseOrderId, [FromBody] UpdatePurchaseOrderViewModel orderDetails)
       {
           try
           {
               var status = _service.AddPurchaseOrderNumber(purchaseOrderId, orderDetails);
               if (status == 200)
                   _unitOfWorkAsync.SaveChanges();
               else return StatusCode(status);//No Data
           }
           catch
           {
               return StatusCode(400); // Bad Request
           }
           return StatusCode(200);//OK
       }

Typescript片段

let headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('Accept','application/json');

let options = new RequestOptions({ headers: headers });
var body = JSON.stringify(
                purchaseOrder
            );

var uri = 'http://localhost:33907/api/purchaseorder/addpurchaseordernumber/' + purchaseOrderId;

     return this._http.put(uri, body , options)
            .map((response: Response) => {
             let data = response.json();
             if (data) {
                        return true;
                    }
                    else {
                        return false;
                    }
                })

更新

orderDetails创建如下

  let file = Observable.create((observer) => {
            let fr = new FileReader();
            let data = new Blob([this.attachment]);
            fr.readAsArrayBuffer(data);
            fr.onloadend = () => {
                observer.next(fr.result);
                observer.complete();
            };
            fr.onerror = (err) => {
                observer.error(err);
            }
            fr.onabort = () => {
                observer.error("aborted");
            }
        });
        file.map((fileData) => {
            //build the attachment object which will be sent to Web API
            let attachment: Attachments = {
                AttachmentId: '0',
                FileName: this.form.controls["attachmentName"].value,
                FileData: fileData
            }
            //build the purchase order object
            let order: UpdatePurchaseOrder = {
                SendEmail: true,
                PurchaseOrderNumber:this.form.controls["purchaseOrderNumber"].value * 1, //for casting purpose
                Attachments: attachment
            }
            console.log("Loading completed");
            return order;
        })

Answer 1

当在客户端到WebAPI端点之间来回发送具有字节数组作为属性的对象时，我通常使用存储属性的DTO将其显式定义为Base64字符串。在服务器端，我通过将Base64字符串转换为/从字节数组进行服务器端操作并存储在数据库中，将DTO映射到我的实体。

序列化程序会自动执行类似的操作，但从JavaScript传递的格式可能与WebAPI JSON序列化程序所期望的格式不匹配（这就是它在C＃控制台应用程序中运行的原因）。

您没有在JavaScript中创建purchaseOrder对象的方式，因此我无法评论该对象的设置方式 - 这可能是您的问题所在。

[FromBody]中的字节数组和JSON

模型

这是我的Web API put方法定义

Typescript片段

更新

1 个答案: