将多部分相关类型的Imagejpeg转为Base64 JavaScript。

Question

我怎样才能阅读 multipart/related response? "回应 "开头。

--9d567d37-88c2-4dd6-91f0-9075025b081b
Content-Location: https://test.com.br
Content-ID: <a8298b3a-9577-4d79-8c43-e581a32b84f5@resteasy-multipart>
Content-Type: image/jpeg

编辑

响应头 ContentType 是。

content-type: multipart/related;start="<8db0cf57-06f2-402e-be99-5d6cb387c2b7@resteasy-multipart>";type="image/jpeg"; boundary=12af3dc4-8f2e-446f-b078-bed5b580af35

编辑2

体回复，全文有1MB，所以我在这里总结了一下；内容是二进制的jpeg，我不知道怎么放在这里正确编码。

--12af3dc4-8f2e-446f-b078-bed5b580af35
Content-Location: https://....
Content-ID: <8db0cf57-06f2-402e-be99-5d6cb387c2b7@resteasy-multipart>
Content-Type: image/jpeg

ÿØÿàJFIFÿÛC     

 $.' ",#(7),01444'9=82<.342ÿÀ   ôôÿÄ    
ÿĵ}!1AQa"q2¡#B±ÁRÑð$3br    
%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚáâãäåæçèéêñòóôõö÷øùúÿÚ?ã<]bVþSÓæÿ
à.b*Æ©0Á¤¢(Í(4ê/n´¡©wSÑ»4h'i>ôÜûѺô¤ÝM&9¢(¢ ¥òÍ8BÄÓÅ¿½9`§ù=p*D·ÝÏJ¤*«ÖÜ
fÜB£Ëçÿ+JifÊì8[1ëNû8£ÉÇjQG¥;Èt¥òE8FÖCOXy9<Æ õ£ÊÀâåäc¾W~áÐcQJcö GO   6äÓü¼þ4¢!i@téNòøëHaÎMq¶iÂ!´ñB#4íbQqèhnÉ4ª¸¡WOíÏ#X¦h+
zõ¦ùçvÁô ¨#iÐæ ô¢0G^qÖ¤ò
(RÞ<Ó¶ãØÔlÄð)J»&    ôæ`Ï­ OÎå#½
###ommited body here 1MB data###
~���"�r���i�O>�֝ ��FP3���޹�K���O_�MvA�h����:�A�jw�'>�).9��0:�i���j&���������FNS��3�;��~t��q�K�`r;�I�Ʃ����c+�5(����ڂ��N8��XL��C�A v��`��I��5(���LU
�t���p:P�#��`7JTn�T@�A�G�#ژ�"�9ɨ�?6���i��4ά}�?� 4�ى�=i���"�~?�Қ�zJ��+�J���֡?t��nv�V���H����+׽T�����T���=����j_���Tu�>�zF�x���Z��?�֠��G��Z�ҝ����k����������Q��ڙ���Zg��z�I���
0W��
--12af3dc4-8f2e-446f-b078-bed5b580af35--

Answer 1

如果我没有理解错的话，你是想从服务器上获取一张图片，然后像预览一样使用它。为了这个目的，你应该设置Response-Type header为'blob'。

Response-Type: 'blob'

然后你可以使用URL.createObjectUrl(Blob)或FileReader来获取base64字符串.更多信息和差异。此处

这就是你可以通过axios和FileReader来实现的。

const response = await axois.get('/your/url', {
  getParams,
  baseURL: 'https://www.your-base-url.com',
  responseType: 'blob'
});

const fileReader = new FileReader();
fileReader.readAsDataURL(response.data);
fileReader.onloadend = () => {
  const imageAsBase64String = reader.result;
};