MVC Web Api + Ajax创建和下载Zip文件

因此，在搜索之后，我找到了可行的解决方案。$ .ajax不喜欢二进制数据，并且认为所有内容显然都是UTF-8文本编码。因此，我使用了XMLHttpRequest（xhr）。对于那些需要它的人，以下是c＃和javascript解决方案的副本。

C＃WebApi控制器：

public HttpResponseMessage ExtractAllDocuments(int orderNum, int mappingId)
    {
        try
        {
            

            var docPath = @"" + HttpContext.Current.Server.MapPath("myPath");
            var files = Directory.GetFiles(docPath);
            string zipName = @"Supporting-Documents-Order-" + orderNum + ".zip";

            FileStream zipToOpen = new FileStream(docPath + zipName, FileMode.Create);

            using (var zipArchive = new ZipArchive(zipToOpen, ZipArchiveMode.Create))
            {
                foreach (var fPath in files)
                {
                    if (!fPath.Contains(".zip"))
                    {
                        zipArchive.CreateEntryFromFile(fPath, Path.GetFileName(fPath), CompressionLevel.Fastest);
                    }
                }
            }
            zipToOpen.Close();
            HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.OK);
            response.Content = new StreamContent(new FileStream(docPath + zipName, FileMode.Open, FileAccess.Read));
            response.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment");
            response.Content.Headers.ContentDisposition.FileName = zipName;
            response.Content.Headers.ContentType = new MediaTypeHeaderValue("application/zip");                               

            return response;
        }
        catch (Exception e)
        {
            var b = e.Message;
            HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.NotFound);
            response.ReasonPhrase = string.Format("Failed To Extract Files");
            throw new HttpResponseException(response);
        }
    }

前端JavaScript：

function extractAllDocuments() {

        let xhr = new XMLHttpRequest();

        xhr.addEventListener('readystatechange', function (e) {
            if (xhr.readyState == 2 && xhr.status == 200) {
                // Download is being started
            }
            else if (xhr.readyState == 3) {
                // Download is under progress
            }
            else if (xhr.readyState == 4) {
                //operation done

                // Create a new Blob object using the response data of the onload object
                var blob = new Blob([this.response], { type: 'application/zip' });
                //Create a link element, hide it, direct it towards the blob, and then 'click' it programatically
                let a = document.createElement("a");
                a.style = "display: none";
                document.body.appendChild(a);
                //Create a DOMString representing the blob and point the link element towards it
                let url = window.URL.createObjectURL(blob);
                a.href = url;
                // get the file name from the content disposition
                var fileName = '';
                var disposition = xhr.getResponseHeader('Content-Disposition');
                if (disposition && disposition.indexOf('attachment') !== -1) {
                    var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
                    var matches = filenameRegex.exec(disposition);
                    if (matches != null && matches[1]) {
                        fileName = matches[1].replace(/['"]/g, '');
                    }
                }
                a.download = fileName;
                //programatically click the link to trigger the download
                a.click();
               
                //Remove From Server
                $.ajax({
                    url: 'myUrl',
                    method: 'DELETE'
                }).done(function (data) {

                }).fail(function (data) {

                });
                setTimeout(function () {
                    window.URL.revokeObjectURL(url);
                }, 60 * 1000);
            } else if (xhr.status == 400){
                $.notify({
                    // options
                    message:
                        '<i class="fas fa-exclamation-circle"></i> Could not download all documents.'
                },
                    {
                        // settings
                        type: 'danger',
                        placement: {
                            from: "top",
                            align: "left"
                        },
                        delay: 2500,
                        z_index: 10031
                    });
            }
        });

        //set the request type to post and the destination url to '/convert'
        xhr.open('GET', 'MyUrl');
        //set the reponse type to blob since that's what we're expecting back
        xhr.responseType = 'blob';
        xhr.send();

        return false;
    }