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

发布于 2022-09-13 00:42:54 字数 1950 浏览 24 评论 0

以前没有做过这种功能。网上搜了半天也没找到正确答案。希望大神可以提点一下:
我要做的是获取图片验证码的功能:
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就可以显示出来。可是并不能!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

霓裳挽歌倾城醉 2022-09-20 00:42:54

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

忆依然 2022-09-20 00:42:54

URL.createObjectURL,传入 Blob 文件,生成一个临时文件的 URL 字符串。

魂ガ小子 2022-09-20 00:42:54

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

你的笑 2022-09-20 00:42:54

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

image.png

八巷 2022-09-20 00:42:54

结果我们后端用的这个方法:
https://www.cnblogs.com/hxw6/...

直接这样就行了:
src="http://xxx.com/device/checkuser/getCode?deviceCode=222"

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文