• <small id='xVHRX'></small><noframes id='xVHRX'>

    1. <legend id='xVHRX'><style id='xVHRX'><dir id='xVHRX'><q id='xVHRX'></q></dir></style></legend>

      1. <tfoot id='xVHRX'></tfoot>
        • <bdo id='xVHRX'></bdo><ul id='xVHRX'></ul>

        <i id='xVHRX'><tr id='xVHRX'><dt id='xVHRX'><q id='xVHRX'><span id='xVHRX'><b id='xVHRX'><form id='xVHRX'><ins id='xVHRX'></ins><ul id='xVHRX'></ul><sub id='xVHRX'></sub></form><legend id='xVHRX'></legend><bdo id='xVHRX'><pre id='xVHRX'><center id='xVHRX'></center></pre></bdo></b><th id='xVHRX'></th></span></q></dt></tr></i><div id='xVHRX'><tfoot id='xVHRX'></tfoot><dl id='xVHRX'><fieldset id='xVHRX'></fieldset></dl></div>

        fetch().then() 返回内容类型和正文

        时间:2023-10-02
        <tfoot id='in6Vq'></tfoot>
            <tbody id='in6Vq'></tbody>
            <bdo id='in6Vq'></bdo><ul id='in6Vq'></ul>

            <i id='in6Vq'><tr id='in6Vq'><dt id='in6Vq'><q id='in6Vq'><span id='in6Vq'><b id='in6Vq'><form id='in6Vq'><ins id='in6Vq'></ins><ul id='in6Vq'></ul><sub id='in6Vq'></sub></form><legend id='in6Vq'></legend><bdo id='in6Vq'><pre id='in6Vq'><center id='in6Vq'></center></pre></bdo></b><th id='in6Vq'></th></span></q></dt></tr></i><div id='in6Vq'><tfoot id='in6Vq'></tfoot><dl id='in6Vq'><fieldset id='in6Vq'></fieldset></dl></div>
            <legend id='in6Vq'><style id='in6Vq'><dir id='in6Vq'><q id='in6Vq'></q></dir></style></legend>

            <small id='in6Vq'></small><noframes id='in6Vq'>

                1. 本文介绍了fetch().then() 返回内容类型和正文的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  互联网上的每个 fetch API 示例都展示了如何使用 response.json()、response.blob() 等仅返回正文.我需要的是调用一个同时具有内容类型和主体作为 blob 的函数,但我不知道该怎么做.

                  Every fetch API example on the internet shows how to return only the body using response.json(), response.blob() etc. What I need is to call a function with both the content-type and the body as a blob and I cannot figure out how to do it.

                  fetch("url to an image of unknown type")
                    .then((response) => {
                      return {
                        contentType: response.headers.get("Content-Type"),
                        raw: response.blob()
                    })
                    .then((data) => {
                      imageHandler(data.contentType, data.raw);
                    });
                  

                  这显然不起作用:data.contentType 已填充,但 data.raw 是一个承诺.如何在同一上下文中获取这两个值?

                  This obviously doesn't work: data.contentType is filled, but data.raw is a promise. How can I get both values in the same context?

                  推荐答案

                  你可以这样写:

                  fetch("url to an image of unknown type")
                    .then(response => {
                      return response.blob().then(blob => {
                        return {
                          contentType: response.headers.get("Content-Type"),
                          raw: blob
                        }
                      })
                    })
                    .then(data => {
                      imageHandler(data.contentType, data.raw);
                    });
                  

                  或者这样

                  fetch("url to an image of unknown type")
                    .then(response => {
                      return response.blob().then(blob => {
                          imageHandler(response.headers.get("Content-Type"), blob)
                      })
                    })
                  

                  在这两种情况下,您都将收到已解析的 blob 的回调保留在您有权访问 response 的范围内.

                  In both cases you keep the callback in which you receive the resolved blob within the scope where you have access to response.

                  这篇关于fetch().then() 返回内容类型和正文的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:反应原生 fetch 不调用 then 或 catch 下一篇:JS fetch,没有得到响应的标题

                  相关文章

                  <small id='KabDm'></small><noframes id='KabDm'>

                    <tfoot id='KabDm'></tfoot>
                  1. <legend id='KabDm'><style id='KabDm'><dir id='KabDm'><q id='KabDm'></q></dir></style></legend>
                      <bdo id='KabDm'></bdo><ul id='KabDm'></ul>
                    <i id='KabDm'><tr id='KabDm'><dt id='KabDm'><q id='KabDm'><span id='KabDm'><b id='KabDm'><form id='KabDm'><ins id='KabDm'></ins><ul id='KabDm'></ul><sub id='KabDm'></sub></form><legend id='KabDm'></legend><bdo id='KabDm'><pre id='KabDm'><center id='KabDm'></center></pre></bdo></b><th id='KabDm'></th></span></q></dt></tr></i><div id='KabDm'><tfoot id='KabDm'></tfoot><dl id='KabDm'><fieldset id='KabDm'></fieldset></dl></div>