在JavaScript中创建字节数组

Question

有没有一种方法可以从JavaScript（或Typescript）文件中创建字节数组，该文件将发送到C＃WebApi服务，并由C＃字节数组方法参数使用？ 如果是这样，您可以提供一个JavaScript示例吗？

我应该提到，这是一个将发布到该服务的Angular 4+应用程序。

我需要将Word文档，PDF和图像上载到C＃服务，这是当前构建C＃服务的方式。 期望要上传的文件的字节数组。

这是C＃服务的请求对象：

[DataContract]
public class SaveAttachmentRequest : BaseRequest
{
    [RestUrlParameter(Mode = UrlParameterMode.Inline)]
    [DataMember(IsRequired = true)] public AttachmentLookupInformation LookupInformation { get; set; } = new AttachmentLookupInformation();
    [DataMember(IsRequired = true)] public byte[] Attachment { get; set; } = null;
}

这是AttachmentLookupInformation类：

[DataContract]
public class AttachmentLookupInformation
{
    [DataMember(IsRequired = true)] public Guid Id { get; set; } = Guid.Empty;
    [DataMember(IsRequired = true)] public Guid LinkedToId { get; set; } = Guid.Empty;
    ///<summary>Not including the path- just the file name and extension.</summary>
    [DataMember(IsRequired = true)] public string FileName { get; set; } = string.Empty;
    [DataMember(IsRequired = true)] public int FileSizeInBytes { get; set; } = 0;
    ///<summary>MIME type.</summary>
    [DataMember(IsRequired = true)] public string ContentType { get; set; } = string.Empty;
    [DataMember(IsRequired = true)] public AttachmentCategories AttachmentCategory { get; set; } = AttachmentCategories.Unknown;
    [DataMember(IsRequired = true)] public string DownloadUrl { get; set; } = string.Empty;
    [DataMember(IsRequired = true)] public string CreatedBy { get; set; } = string.Empty;
    [DataMember(IsRequired = true)] public DateTimeOffset CreatedTimestamp { get; set; } = DateTimeOffset.MinValue;
}

这样我就可以将文件和其他数据上传到服务。

编辑：包括我使用的失败的Angular代码：

const lookupInfo = new AttachmentLookupInformation();
lookupInfo.Id = Helpers.emptyGuid;
lookupInfo.LinkedToId = this.contractId;
lookupInfo.AttachmentCategory = 10;

const request = new SaveAttachmentRequest();

const reader = new FileReader();
reader.onload = function() {
  const buffer = reader.result;
  let binary = '';
  const bytes = new Uint8Array(buffer);
  const length = bytes.byteLength;
  for (let i = 0; i < length; i++) {
    binary += String.fromCharCode(bytes[i]);
  }

  request.Attachment = binary;
  lookupInfo.ContentType = files[0].type;
  lookupInfo.FileName = files[0].name;
  lookupInfo.FileSizeInBytes = length;
};
reader.readAsArrayBuffer(files[0]);
reader.onloadend = function() {
  request.LookupInformation = lookupInfo;

  console.log('request: ', request);

  that.contractsService
    .save(request, 'attachment/saveattachment')
    .subscribe(res => {
      if (res.Success) {
        console.log('upload response: ', res);
      }
    });

};

Answer 1

好吧，你有：

that.contractsService
    .save(request, 'attachment/saveattachment')

但是您要显示的类是SaveAttachmentRequest ，其中包含public byte[] Attachment 。 我认为，您的问题中没有一个函数称为saveattachment ，该类称为attachment ，这是应该处理的数据传输到byte []的过程，除非您以某种方式直接将其设置为参数。 假设您具有此类attachment类，则应该在其中有一个名为saveattachment的入口点可以完成所有工作。 但是要说这是失败的，因为您正在传递JS模型并将其直接映射到.NET。 因此，创建一个可以接受您的二进制字符串的字符串参数，然后将其保存到您的byte[] 。

[DataMember(IsRequired = true)] public string strAttachment { get; set; } = null;

在你的JS里

request.Attachment = binary;

变成

request.strAttachment = binary;

然后，您需要：

public class attachment : ApiController
{
    [System.Web.Http.HttpPost]
    public JsonResult saveattachment(SaveAttachmentRequest sar, AttachmentLookupInformation ali)
    {          
        //string bits = "000011110000001000";
        string bits = sar.strAttachment;
        int numOfBytes = (int)Math.Ceiling(bits.Length / 8m);
        byte[] bytes = new byte[numOfBytes];
        int chunkSize = 8;

        for (int i = 1; i <= numOfBytes; i++)
        {
            int startIndex = bits.Length - 8 * i;
            if (startIndex < 0)
            {
                chunkSize = 8 + startIndex;
                startIndex = 0;
            }
            bytes[numOfBytes - i] = Convert.ToByte(bits.Substring(startIndex, chunkSize), 2);
        }

        sar.attachment = bytes;

        // ... do your other stuff for saving your model objects to the DB
        // using Entity Framework's data context, etc.
    }
}

那只是将二进制字符串转换为byte []的一种方法。 这里还有很多其他方式。

或者，您是否尝试过仅将其作为字符串发送，因此：

[DataMember(IsRequired = true)] public byte[] Attachment { get; set; } = null;

变成这个：

[DataMember(IsRequired = true)] public string Attachment { get; set; } = null;

首先？

Answer 2

在文件类型输入更改事件中，您可以获得字节数组。 这应该对您有帮助。