客户端将png文件流转换为文件对象

时间:2018-01-26 22:22:07

标签: javascript node.js ecmascript-6 axios

我从API获取'png图像流'.API使用gm(GraphicsMagick)生成图像文件流。

在客户端,我使用axios进行API调用。成功我能够收到响应。在客户端,我必须将此文件流转换为文件对象。

我使用下面的代码。但它没有帮助获得实际图像。帮助我将文件流转换为客户端

中的有效图像文件对象

代码:

const imageStream = response.data;
const blob = new Blob([imageStream], { type: 'image/png' });
const imageFile = new File([blob], 'file1.png', { type: 'image/png' })

API响应

Response Header:
Access-Control-Allow-Origin:*
Access-Control-Expose-Headers:Image-Validation-Results
Cache-Control:no-cache
Content-Length:75192
Content-Type:image/png
Date:Fri, 26 Jan 2018 21:56:05 GMT

Response

PNG


IHDRÈÈ":9ÉgAMA±üasRGB®Îé cHRMz&úèu0ê`:pºQ<bKGDÿÿÿ ½§    pHYsÒÝ~üIDATxÚìýTTÙî.ªÈÌmïî¶vÖN¶­Ýæ,
æÅsÎY1cF@$ç¡*VÎIw®l÷¾÷ñî;ç¼ö±sÔX,*¨ú­ïûþÿ9×*¨ã¿_ÿýú?ðý÷%øï×Áúï×Áúï×Áúï×?øÕþêhÿÏÑÖÞþ÷hkoý9Àoý¬×æÝ}e´µÿÏFk×øzSۻƫd´··ÿêåøßý¯¿°­­ýÿçA¯÷í8nÿ7}ý­ÿÿSÿWkG½£ÃF{¥­¶µS¶vÜÒfä[5]IÚUT¯DØjV¥ÀªXA½!»¦9«JY©J+U>/P?ÉVÝMÝz!»ßpáiÝÇójN߯:z»ìðÍâó÷óKªkÛÚ¬Ý   ÄÿÿXàØmùnûûHý·÷÷5@¶Í1À»kiï0µwpíl{ÝÚÁ´u0­¸­ÃhíÐ;øö¶£î¨¡Ú«ÈV0ÊÐL=CgKk¶>R6î7pwëØ:º¾RÅ)$æ{ó°¨TxCa}¢~u~i¬vM¬zþCeðíÆé7¥S¯ÕO¿T7åBõÔóSÏWN:Y>ñxñØ£cÜ3rOæè]i#·'Üø×çlJ?lCüÏkc\ýtȪ'CV<üsͽàm'Ãwí»w÷Â};ìÙ2o÷ú¹;ÖnÙµeƺmAkvNZ½'hÃÍg\K*V#ÄËÿ^ÐÓÿóoô¿¬´í­­mÝ"ÿÿîÝmië°·µÛ[Û[ZÛí-m--í`Øím@º[Z[lv['¢&³a³3YÂp 8gF\o@a=fP#Í*X§ur£º^'¯V˪ò
¥¬TÞ×X%mȬ§ÕÉjUÖ?©>ªl)k¼[\{­@r>¿þbäldzÅÞä=Iå[oO(Ûþ¢d{bÙæøÒõ±%ëlzZ´éqþ¦ÇQò×ÞÏ_{7{õÌ%7Ò\Ë¿~1#ürFÄy×rçÛ˹ó/çλ»àbÞKù.åÍ¿»ð"Ø·àbáÂ/æ/¼P¸l/w¾`îÂy*æ+
?]<çtYèé² ÁÇ˦-x¤pòáòñJÇ,½¿`Ìâ1ûJþÚU²ðtÊõ'ëÅÏ}4'%58éÅ̤iiÏ'½x6:éɸ&Äßûäú¤çfïßµlæ­+¶Þ~9>«Rm¶¶vZ#ÿ5ËÁ¥µ-^e¿THÜ.¯dN¥é.fê®äè®d5_ÏR?ÈW'«R*ÏËç7<)&K_Ö&TfçVUUVTVäç¥%eÅ=M|ðôùãØ{g¯<~fßãøÇ)éIûî߶{ËíûwÓs^ì:´-j{Ô¹+W&Ç\ºuöRôù»ïÞ~xûÔÅsN;såR̳+·¯í:°çþ×ïÞO»ó0:úÞ[÷oßú æiÌ­?xûøä¹cÇλ~ëÆÝnßyøäÞãè»ñ¯<yýâEFvzVNzvvZV¸ÍÈÍËÌËÎÈËLÏ{[ôäyùýç¥w^Ͻw357:%÷jjöå´´Ë©ÉRÒ.&åNN?z4ùÉÑäãIiGSv>={41uBÒ¦ó{ÇíKÛqGÂÍ#ñÏÖ>9²%aÿÑø±G¶ÄîßâXÜEOCÇ.x:s}ük÷Æîßðtþúg³.¼Øq3þzÔÓé_켿ÿbÜöÓO÷ÝxçÙ±m   9sjËÅKÏØûðDrÝ]Ʀé|û¤ØöD¾ ÿ­·$ÅÞzy>¯~J,÷óQéûJǪ
9W¶äzé¦{%cK.%ßLÉ?¶û^öÅ'SòS²ó²òr
sK³ó3?¿qùöÙË·.¿~éØ×n<|÷ìä¹³+WïÛ´å|ÌãØ{îmÝvâÔ©1OW¬_7aò²Sg$$¥nÚ±sÕÊ-'N_}ò,!6îERJƽ¸+×<}èDô¥kOî<x}ãÞÙ³·¢ïÄ>ñøÙO3ÒÓ³nÞ½}çyjzNIyaQIaqIafNN̳s·nßNºò çâ³kϲoÆçÜϽó,÷N\Þؼ[±¹×ä^}sánö©èÌÓ¶I^µ;iö¦¤)[3ÆÈô¤èòܳCvgMº¿êiÁÕy[ÎçoÞ=#ºd]táî«En9]°æVáÛç·gE^-<|)ïÌ¡ì]gr_Ë¿¹3ëà¼ã§rnoÉ<µ=ãâ¾»;S,M¼´äùù±W>»½!öÙG±á÷bgÞyy÷Qèø]z:áÜ    çîN?óxÒÙÛÁgoÍ<}gÊéËó.ÞZráÚâWÃOzlÃó»ÎÆ%Ö*´mvÇ[Ù|ão   ùÿ=Xmm ¥tTÕ6~1yÑugOÆHW¿X·-®öbzõ­G¹% ùÙ¥Eûn&
_sôb\YQziYFYyVyENiev\Ò3/ïØwüÀ±Kg/Ý;~úÆã×/]½ð"áìùgÎß¿8H¼÷8þYBr~Q~JZÆèø§ÓJKËóÓÒrÓSrò+*J*ªKJKKJËÊ**Ë+ªÀmieeqUu©¤¶²®¾RR[V#)£ZRRQ]TR[Z_Tö<%!&>æòýsGnÜrsÝ'÷dFÌ$káìG³×ÌÞx:gëÙÜçrwÏÝs.wÿÙÜçòÏ;z¡àøå¢3W/^+¹z­øæí²ûK<*M¸_t·4)¦ôÅýÒô»¥·2¯d§OK¼z<9ñTjú¹ìâ³ùÕÓ¦×í|Q¶#©f[|MTBýÊØêÕ±î×EÞDÆ4ßlz¡<èªdæ9IÐùúɧÇ.y ü÷Ýùî.¶5ØÎ6äÙRòíîÆo×~½2û«9ß­ÎûtCå«K/Íû|Uá§2?_óÕòâoV~µ²ø³¥Y?¬Ë}¶îqÏZ[°Õñ¿®ÿ°?¡A®;wÍà ¨·'}2qÞÝÚ[µÇR+ïåWÜË-}S_]{úzÒÙèøk÷JÄÇ?Ix~÷aìÃÇOã_$%Ç'¼xñ"-5#-#'5·0³°$·¸$YPSXS\WX]\[Q]X^_UP]VWVøûKrʲËsK²ò3ò
ÒsÀmf.ù9©iYÀÏ22²SÓ3R3²2S2Á3e¦gfefåææäæçI+¥ÕÒªªZI¤¶ªVµõµR0Ê$u`×ÔJ¤¥ÕÒâ*iIµ¬°B_^S.M/©ãE^EJY}b±ôInå¼ûÙU÷²*ïfÕ]+9[têaÕ¡[{.e¾s5K~üIåCqý÷+>«Ýõ@²óaí'Ò]O¶<miØþ¤iO:¾ñ¾vãcmTzc!*^ù@·2[.Ç>'ç§r!   ô´çìTË  Ï-ãmìC[?kûàIËZ¿Ò:"¶mpLÛ;Ñm?ßoÿ¨}Ìý¡ÍN°o0Réz=¨Aªmí,Û2¥zâ¼?®ø×Ú^÷|5ïjð©=q¥ûËÏdVΨ:Zr5³ønniLaÙ½¼²{Ùe1Y¥÷²c2g>ÊÊ{÷$#'63+>3¸ô¸ôôôô´çiÉ`¤ff¥fd¦eefä:@Î6²ssÀÈÊÉÉÎËÍdäçgççfåçe    ¹ùEE%Å`y+*--)¯,¯¬¬¨ªªª©®©­ÔÕJ¤´¶¶¡¾¶±¾®¡´¾¦^*©ÖÔ××Hj¤R´QÒÔXÓ$«Êkeô¼ªäÌÒÔܲü²ú<IQyC½ZUÜQÔ]®Ê(QäV*3år¸¼   Ï-×åIù5H~µ±XJä×àU*NÚêT|½ÖÜ ·4 6©ÊT×l©Õ[F«±KmuÆJck¾µm+F:
àöôæÖ4C{²®ã¶ãisÛ]uÛMÇEeÛIeÇÆÖ­²¶¨¶Ðªö òÖ?
ZÀÛòcjËG    -ï>²¿qËÖû­ç9KSÞ',¾ûMî;¯MçzÒmæ¶u§sÕMmvÖIÖ,øíÿtÆRiC¬ø-|ÝÀ±ß±¡ÿ¯zý¶qúÖÒ«V>­=S{>§öPRõþåÇÊN&M)¾Vt1µøRZñå´ki¥WÓÊ£3*¯eT\ɬ¼Y}9Kr5§îfNýÝüÇE

6=*?+UÆ+*êäjmºDS×× /hÔ4+p©U¥¤IÉt¨\)Úk&´0©C(=JPZ30Á $§'ùfÅ) MÂ`Ìgæx3ÃæÌj5[¬2Ù9ÎÎZhÞf2Û%½²¼åí4o¥M6ÖdcLv2£ãÀ¯XõEO[´I§DÊÉNsr[odkul©mf*4l¾-P°YML²¯cK¸»þfµùj9¦;VÂï+6í,¶®Í³Ì϶ÌÈ´K·þjû>Éöi¢ýÝx{ïG-¾wm®7íNíÐ9tÜ°B»mÐV´Á­ã¡UÓrÆié´ÍCDsqÞ%Tïªs©þ
_×h³Ù:;«ÿ$X:.hÑÊs×}8.êí?6¾±ï÷M;}5%gØâoV½®M¬ÑnÍhÓO}ª%¥~c$ðCI²þbbiÙ:)§-¸ mVaÛI[¦ý¼í©ªý|CÇ
YÇ=eûCe{¼¶½n«ÄZ+Ö:¢¥jS65eÓ16±¡¬à¬$o¥À0iqÖ1[À Í3e2q6!,ßf3ejøD¹Õʱ<gæ9ÞÄ4³µFâB
Ó<Ïsת¸<
kâi¦¢Y*NÊÖØ,9Ó` ´©2Í0®0Mº¡¬k¦jµt®RQUàVAUÈÉrY!§ÊÈ&²¸LPÕT~#]ØHfÖÑiÂ`Köi%{¯½UÉ_)çÏ[vY6ØVåÙæçاe¶LÈ°KkÑ2(©åý·ÚûÄØîØ|¢mÎlÎ'¬Î­¢ý6ÑN³x³YÅÖq¢Õ¬h%Z;EEs¢£(D'¡v©v©zcjÖÀwÿ$XFþ#lÅk?°¡ÿð
oþ¾©ïË¿ :µðÈÏ©·Ü#s úI1xP¶¥_bûÛ/Úû¾hïÔÞ;©ýÍ^Im½Û>Èhý(³ePFË7Ù­?å¶ükoYв¢Ô~°Úv¬ÆrªÖr´Æz®Æ]o¹#µ$ÈÍ2mÂ*Sg`º¥e­%©fÖ4Ü=F)¥i¦y²²¤%Á­§®VÐ2æé4%Wnà
4}¹)Ò1O_(dÊLT!Sf)Vp:ÑáTlPLi\x
æR{»FqZSFVè&=Õ £¤Ít½­Õ05]­¤jTDCW)©R9U"§5t|×È4ÒR6«N¯g$Ll5ó´»[Éߨà¯rJMÇJÌ
M{¬ks,Ës­rmÁYö  -ÃÓí?¥Ù¿Jnßò¯göÞì>ÑV/ÖEøMtØæ´Ïæ´Ãê´Í&Úh­aD«ÑrÊi))TéÅ3ÅSUâ©JÑEï=jýçE±9KW[ùù´¨þÃ×ÿë÷}\üùÌó3£@ìu   /¼GÏ|ûØì}Í"¾`q½`ñ¸hq¹bu¶y]·zß°yÞ±yß±¾cé{ßòÑSÛ 8ë÷   ¶IÖI)Lë²lKT¾e±ùd¹ézµéÄÜÄKô\©Ñ±=S¡¥f4"lF«    ÀÝ5a Åд¡­,Ø ä$±÷õÜ­yG=7Wjù¹Ò6²Î>¢Á>µÎöÄ6TÒòu-´Â^mZiÛÐ`9£6-.æcd\¡²ð§05ÎNç_È%µ8s"ϳM5è­FzQ2øêè:W3Õ¤cjÔ«RAËéR9]O'¹j ¨\)QO'Å&KØgÕìÃJîNw«Ât³Üt®Ô|¢Ô¼¯È´³Ðº¹À¶,×27Ëmafÿõ¢eÀ3ûl=îÙ}oÛݯŲNµ8±öÚDÛ­N[L¢uÅZ-$DóQÑD¬Mצj§©§)§Õ6#Ö^±PÛ°qõ¤Èe_Eýkøú7mê÷ãÒO§    Y·°¦÷âIù̹2>*1»³º]²¸_°z\³ùÜ´yÝ´~c]e¯Ôä˧±ö﬿¾°KµeÙäÚ6X÷O.WªøgR>]ÆUhÙ'ÙzC¡b:
¡èNqb0QUG°
¦mjëd¹ýç:ûåö¯*ìïHÚ?¬nû¸¶í#iû{uí×·.·}VÕò¡¤íÚö·+Z¿*¶e]cû<ÑöV^Ë{ù-_dZG[¯É¹ÓulA)òLW§çÀ¡$M1*!è3ç9W¥§u(©4Òr#Ýd õL±}\ÏÔi©®TQå
x*j¢    ɨ¼*KÊ$ÕÒ/jäZ6®½_ÅÝ®änWñ7+ùKå¦%æ½EæíEÖ¨ËÒ\ëìlëôû¬?3[~Ì°Úòn|ëì=îY=`¹·:´ØöÚ¶Z\ËÖ±¢µ¼h#^Læbâp£((Îy: J%*®mF_°ØºuÃÌK¿õÖ(`ý,8éä ·½·¦vÝ3Ë%v|ä/ïðÐYÇeÛE«ûU7­[¶æ¥Ü´LËù2ódËOÖñiÖtÛ,Û@UålùZ)¦PeNñyJ¶L
×3M­Äµ`HI4mgi¦+Pö¼Ù¾«³\Óú¾¤õ£º_ëìßUÙ?¯kX×þN]û{µmoU·¿]ÓþAMû5mU·}XÞöAiÛ/å­¶ü+¿õí¬÷ãmæÚûg´¼ÕÚúmNËûÖ¯,¿äX6Y$0câHGi( ­án³oP%(``£¤ÂHqê9Y`jÙ%l¨º¥`Je-º¸*j óÖÒ5UÍÄT²@±¢+M+LJÍgJL@Æ*´É=Ë*ø ml¦}XfËà4ûç/ìoŵô{j±»GÛ\®ZÏÛDÇmNíN»m¢m'àëy¬Õx%-r%
ųaqAäjºJ¤
Y«6ÿy°(Þ±ccÄÅßÎ\÷ö_Þü=ê!Ë?p*hÙè_ß[]£Îòß>´<«¦Ç±Ðy«×%«ûe«÷M«çMË»1¶Õüä4ö»xëÍ*sD&ÿS%(ö(Û¶2ײ¥Ð|¸Ôt£¿_Ë?rY
>_ä8)Â(0ZÓ) ¤961`/6¦5Ø>´¾_ßö}í*ûÐrû-¿µü^nû½Â>³©e½Ì¾We»¨µ>ÒYR¦9Ïh*M9>Ï`ºSÏFdOË­[$Ö9åö_òZ>NoéØÒ+±5 ÑkûÝ;¶Õí¡½×ë4n_s¹î°RfB)d@IéqêB)W££4]Çj©T3÷*øj5S§a*\ÉÉ- ^t¶M®å@ºªbâjGUìÝr6º»\aGÝ    ±Í;,«smó³ma9¶É¶QößÒZ¤Ú?O´Éý±½ç»ç-«Ûø¬]|Ü&:Ë.XáFSI´­h    )¸a*5fêDÓ4âéjq°ºwX­Êð`Ûõ+Ö,6gý»c6½õ{TÿV¼7îøô¥QÐ[,/_ôT#ºfd}XE¿}sBuËê{ÃÒóµw­Ï}8ÃrLí˹iÉi¶È,ÛÚ|ªcŦ«|L
×ÀeËØb%[®iìÒ õ@âi²e×(ÌëZÞ­m¿¶ýiÛOöªZ¾(mùMÒ²AÞUcÕaei¦£:8²§Ú8²%[À-OÚ8ÒÎmf2YÊV¨¸ÕÎS­àÑ)Z²qrÓÁJóò|Ë dû§Ï¬î÷m^¬}Ùú>´zÇX?yjZOUv3ifDHôt5àtϪ-LÖëHëë´´DÍ:±TAg70Å2ªXÆ6Ñ/$̳jçAUÈ>­áWÅݨ0_>XÌ.6ï+6o+±Áº8Ç6+Û6!Ã:2Ý>4½ePrËGö÷bmý   `yß²¹]³ uÒ&:fwÚcqÚjm06òNx!¼/T¡¢h6ï:qP³xJ<E!Rö%y-Àâ8vë¨uW³ú½1ßü}cÿ¡+92yÑz§wùÌ-qYùqeG?"_µøD[¼oXúÞ±|øÐòA¬íG_ãÌ3²,sr¬rLSmK²-ò-;ÌGKM×*Í÷%¦¤F>[Á«J-Sk`Z´ R,CÛX:å*¬Ö¶¾%i(iû¼¾ýº¶AU-«ìGÕÖ\SLOå4ÑF[9àW$HÙ L×=¸ök3ñ4Ñyð´H©2` ¨¤ÔÀn/4·¾ûÐâm¼cò¿i]´^çdR¬1°7ë!_'KLVÚH8_¯£dz²QØ¢Ëåä:æa=W,§
Ô:0Xpp«¹;,þR¶ÔäP,ÓÖ˺\ë²\[hm\¦ýÏtû©öo[&Øß³÷y`ó»o÷¾is¹bs>g·ÛE»lXLÅ9°@Ik>.m%iOUNVúNªTLÿ<X<Ïmßµió¶õc#W¾?nCÿߢú
Y9`ì)K£\Þï¹ Ìw«bà=îÍÛëe³×

0 个答案:

没有答案