Блог

Я использую ASP.NET WebAPI с приложением ReactJS на передней панели, я создаю метод Get для загрузки файла с сервера, и я пытаюсь установить как тип содержимого, так и длину содержимого в заголовках ответа :

         var result = new HttpResponseMessage(HttpStatusCode.OK);
        result.Content = new StreamContent(new MemoryStream(bytes));
        result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
        result.Content.Headers.ContentLength = bytes.Length;
  

Когда я вызываю этот метод из приложения ReactJS, используя метод выборки, как показано ниже:

     await fetch(`someservice/${clientid}/download/${fileName}`, { responseType: "arraybuffer" })
    .then((response) => {
        const reader = response.body.getReader();

        //get total length
        const contentLength = response.headers.get('Content-Length');
        console.log(response.headers);

        //read the data
        let receivedLength = 0; // received that many bytes at the moment
        let chunks = []; // array of received binary chunks (comprises the body)
        while (true) {
            const { done, value } = reader.read();

            if (done) {
                break;
            }
            console.log(value);
            chunks.push(value);
            receivedLength  = value.length;

            console.log(`Received ${receivedLength} of ${contentLength}`)
        }

        //concatenate chunks into single Uint8Array
        let chunksAll = new Uint8Array(receivedLength);
        let position = 0;
        for (let chunk of chunks) {
            chunksAll.set(chunk, position);
            position  = chunk.length;
        }
    });
  

Я получил ответ без заголовков типа содержимого и длины содержимого:

Но разве Content-Type и Content-Length не являются допустимыми заголовками?

заголовки ответов в fetch api JavaScript был реализован как итератор, а не объект, вы можете попробовать ниже, чтобы получить доступ к заголовкам :-

   for (var header of respone.headers.entries()) {
                    console.log(header);
                } 
  

каждый элемент заголовка в цикле будет представлять собой массив строк, где первый элемент является ключом, а второй элемент — значением.