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

以前没有做过这种功能。网上搜了半天也没找到正确答案。希望大神可以提点一下:
我要做的是获取图片验证码的功能:
前端怎样把文件流转化成图片呢?
点击之后。按钮处会变成图片验证码:
前端怎样把文件流转化成图片呢?
我目前得到的结果是:
ÿØÿà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就可以显示出来。可是并不能!


回答:

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


回答:

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


回答:

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


回答:

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

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


回答:

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

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

以上是 前端怎样把文件流转化成图片呢? 的全部内容, 来源链接: utcz.com/p/935756.html

回到顶部