前端怎样把文件流转化成图片呢?

以前没有做过这种功能。网上搜了半天也没找到正确答案。希望大神可以提点一下:
我要做的是获取图片验证码的功能:
image.png
点击之后。按钮处会变成图片验证码:
image.png
我目前得到的结果是:
ÿØÿàJFIFÿÛC

$.' ",#(7),01444'9=82<.342ÿÛC

2!!22222222222222222222222222222222222222222222222222ÿÀ(d"ÿÄ
ÿĵ}!1AQa"q2‘¡#B±ÁRÑð$3br‚
%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyzƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚáâãäåæçèéêñòóôõö÷øùúÿÄ
ÿĵw!1AQaq"2B‘¡±Á #3RðbrÑ
$4á%ñ&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz‚ƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚâãäåæçèéêòóôõö÷øùúÿÚ?÷z(¬»Oè:…ÒZÙkzmÍÃçdPÝ£»`dà“À'ð¯E½‘µJ(ªÚ†¡i¥ØM}}:Am
î’Gèõ=€’p(IÉÙn"Íä×_-’åÖÓB–X6¼×"6<s•
Àsžæ»oxÎÃÆrËk°Ïo°Oƒî–Â2gƒÇ q]•òìU{J²ùÌè覻¤Q´’2¢(,ÌÇÔ“]çÄ{hL²[é—’ÙBÅîXÞ(ƒg|©\ŒdŒäq\qŒ¥²¸Xí¨¬x’ËÄ–=¡9L\†ŸFG¯lRjÚ1Q@Q@Qã=b
{ÇRøkS¼û†´‹a{ª‚Æ3p~R¨ÉeËÄ6ŒKc$%mèW_üC}Z5¾öØdIbÚiw)Þ
eU›2qž:ðyÇ]Ïþâ}Mm¥3ééy`ŽÜ‰$cƒÕ€ŽFœ¨àøÑVðh:„Iÿ
j¥›"†™Ôlþ0gÇñúVŒœ)EµuÓkþ¦Ú;E©^1ñ·T‘µ=7IÖ(á7-‡;]˜•_UØØ?힝ýž¼oãMÍ¾§§jÑI(ŠXM³ìRYIa–õ;Ûý“׶™'/×cÍço[/"3➏á«5Ó4?ÊÖQà‰g¹ ,¬@ÜΰÎ}úŒèžÕ|9¯%æ«¡À\LÁo#(MÀ±Vu‚Næ;¹ÏBr00t]OÁÒø.ËíÚÄHŠ¥Õ·Û䌖 ‰„0É$7Eù³žsÏ!ð†Òöû_¿ž)šÚmv<ÐGmÌÀªüÊx!ôþÏ»‡¡VYÆ.;¶ß½¯_Ÿãa{ݏNñÓ̾ÄA¶4Ê%Âçåäóéóÿ&­Xkz:LFÞêÞޏ"pqÔÎIëëŸ|ÔÒé³2ùSk—…eÊlt·ÃðI1sÀ<zf¹»ýËÃð5ÓK¦³"·“ͼŽÒ0n äd…ÀÎp+çýœ™~?ä.gØw†õÕ|o{l‰%¹Ú¬yÀ(,×W©iÿÚVëÚîív¸mö²lcÁ'9ýs>´Ömí'ÔÊ[\I¨7˜Ë+´%@'
¶wn'°Æ:çù/5X#i§°²Æ9[Ӑ£“Ñœz=HëUI4à×Þ¿Q©Ùœö¹¥I¦ÛÆ–º¾¹s}rþ]¼?mêq’Ǐº;Ÿ§#9®²ÆÙ¬ì·y¤ã@Y–sÜœ’y=³ÇJç´5›W×e×®¬®"âÙeæˆð±úðwnl±éŒÉWS[âêJÊ”Úß×·Ëó¹­IÝ(…Q\FF'‰|-§x¦Ö¯|èg¶Kmwlû&(Ø8ÎäPËÓ>hö:ÄzµåÖ¥¬_÷ìój—>q‡#oulóœÁ¢ŠÑV©ò§¡\Í+}VÔ4ûMRÂkè{i—l‘¿B?¡îä‘E ¸»­É8I~øjIÒãR‰Y‰¤ÈUì2„à{’kµÒ4];A°Zeª[Û†/µI$±êI9$ôž€‚Š+¢¶2½h¨Ô›hw«èvZÜH—jû£ÎÇFÁ\ã>ÜàuŸgà­ÒMí·$WÏ|?Žh¢¹€èªž§§®©böq<ÉØaýܐx?çŒÑE8ÉÅ©-Ð&Óº-GEÇ*"ªª0ê(¤ ¢Š(ÿÙ
我后端同事说直接用这个文件流就当做url就可以显示出来。可是并不能!

阅读 6k
5 个回答

<img src=""/>
直接把后台的接口放到img标签的src属性里就可以,让后端把请求方式改成get请求

这种没有可识别字符的内容, 就是一张图片, 直接把这个地址放到img.src上就行. 看里面有jfif字符, 有可能是jfif格式的图片, 看看浏览器能识别么, 不能识别, 让接口提供jpeg, png类型的图片.

以前遇到过这种情况,供参考

image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题