Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
646 views
in Technique[技术] by (71.8m points)

html - Cannot convert this string into an image

I need view this string like an image, and i don't understand the format of this. I think that it's in hexadecimal format, but, if i use a online converter, this not working. I tried the convertion in base 64 and putted it html, but same thing its not working. Can someone help me?

var image = new Image();
image.src = document.getElementById('source').innerHTML;
document.body.appendChild(image);
<span id="source" style="display:none">
    data:image/png;hex,000941410000000000000000000000004F4D4E49534A504547FFD8FFE000104A46494600010100000100010000FFDB004300080606070605080707070909080A0C140D0C0B0B0C1912130F141D1A1F1E1D1A1C1C20242E2720222C231C1C2837292C30313434341F27393D38323C2E333432FFDB0043010909090C0B0C180D0D1832211C213232323232323232323232323232323232323232323232323232323232323232323232323232323232323232323232323232FFC0001108015E010D03012200021101031101FFC4001F0000010501010101010100000000000000000102030405060708090A0BFFC400B5100002010303020403050504040000017D01020300041105122131410613516107227114328191A1082342B1C11552D1F02433627282090A161718191A25262728292A3435363738393A434445464748494A535455565758595A636465666768696A737475767778797A838485868788898A92939495969798999AA2A3A4A5A6A7A8A9AAB2B3B4B5B6B7B8B9BAC2C3C4C5C6C7C8C9CAD2D3D4D5D6D7D8D9DAE1E2E3E4E5E6E7E8E9EAF1F2F3F4F5F6F7F8F9FAFFC4001F0100030101010101010101010000000000000102030405060708090A0BFFC400B51100020102040403040705040400010277000102031104052131061241510761711322328108144291A1B1C109233352F0156272D10A162434E125F11718191A262728292A35363738393A434445464748494A535455565758595A636465666768696A737475767778797A82838485868788898A92939495969798999AA2A3A4A5A6A7A8A9AAB2B3B4B5B6B7B8B9BAC2C3C4C5C6C7C8C9CAD2D3D4D5D6D7D8D9DAE2E3E4E5E6E7E8E9EAF2F3F4F5F6F7F8F9FAFFDA000C03010002110311003F00F7FA28A2800A293207522937A7F797F3A2E03A8A6EF4FEF2FE746F4FEFAFE745C2C3A8A40EA4E03027EB49BD3FBCBF9D003A8A6EF5FEF0FCE8F313FBEBF9D2B8587514991EA296980514514005145140051451400518A28A0028A28A0028A4A4DE3D45003A8A67983D451E62FF00787E74AE82CC7D14CF317FBC3F3A37AFF7851741663E8A6798BFDE14798BFDE145D0598FA29A1D4E70C0E29D4C028A28A00292968A00E6FC51F7ED47FBC7F9573E381C56D78B5A6596D3CBB6926C87E559401D3FBC45737E7DE633FD9D281EA648F1F5FBDDAB92AAF78DE9EC5C14D79238D19A47555519249FBBF5AE46F7C751C323476B66CECB904C8C00CFE1D7F035C5EA17971A95DBCB3B969246C7B0CF61E829C28B96EC1D4B68B567A369B7105D6BFA85CC3343240D14681D5C15C8CE71FA56E36474E09ED5E4379A25FE9768B7CEF12C66409FBA946E0D8EB81D3A56C68BE369ECE3F22F95EE5770D8F9F987F8D54F0F2DE2C3DAF23E59AB1E80C075C544E71DCF03D7DEAAD8EA7FDA76CB716D03346491CBA020FD3352335C1E3ECAC3DCBA7F8D73EAA566742716AE8F40D16E5AE6D431F4AD4FC2B13C39CD929ADCAEF5B1C0F712968A298051451400514514005145140051451400D7FB8DF4AE373CE6BB17FB8DF4AE341ACAA1A5324DCDC7269DBDBFBC7F3A8C1C9C5737E26F1BE99E1A43148DF68BDDB95B78CE0FB166E805649366CDA5B9D2BCDB301A5DB938193D4D2E5BD4FE75E0BE23F891A9EB925BFD9A25B28E07F3008CF9859BD49F4F6AD5D2FE2FEA36F6DE56A1631DE4A08C4A8DE5923DC631FCAA9D295AE4AA91B9EC6CCDEA6A2676C7DE3F9D50D135CB4F10E930EA1664EC704321FBC8DFDD3EFE95758F1584AE8DA36659D36E9E2BC54DC4EFF7AEBD0E501F515C458FFC84A1FC6BB78FFD5AFD2BAE93F74E5AB6E6D07514515A19851451401CE78947EF2D8FB37F4AE5F574B99749B98ED066E1E32A809C673D6BA9F137DFB6FA37F4AE6AEA40A983F5AE5A9F15CDA1AA3C7AEEDAE34EBAFB2DDC662906383D08F51503B1550C3A839AE87E2348C8BA7DC6D0172E85BD33C81FCEB8A4BC2E9826BAE12E6576633D1E868CDAADE5D279135C3BC60E4293C03CFF008D44AC15BBE738C2F7AA3E6052C7B53F4E9CCDABDAA0C90D3A023F1E6B472E55733939549A4DDCF48F08DBDF58091A68FCBB69901033CE7E9DABACF383AE41E4D50DC0AE4535A4DA78EB5E54EA394AECF5A14631858F43F0DFFC78AD6E561F86FF00E3C56B72BBD6C8F39EEC28A28A620A28A2800A28A2800A28A2800A28A280192708DF4E6B82FED1B404837080F4EBDEBBD7FB8DF4AE3F2427CBD40E00E39ACA7B9A40F39F15FC483A7DDBD8E8E914B227124CE7201F451EA2BCA350BB9AFAF26BBB990C93CADB9D8F73FE1ED5A5AFE9BAA58DFC92EA56B242F348CE0B74624F63588FE95B42292319B6D90B1C9E4E7EB4D1807A0A56EB4DEF4D8235B49F10EABA2337F675F4B02B3062A0E558FB8E95EBBE09F1AFFC241672DBDEA85BD80024A2E448BFDE03B11DFB722BC381C1EB8C75AF4BF867A16B167ABC7ABBDB34563244E86476009E98E339EA2B0AB18DB536A6DDCF59D3A459352880C8C71D315DD47F717E95C45936ED462EBF8D76F1FF00AB5FA53A5F0855F887514515A19851451401CBF8B5E757B510AC649DD9DE48F4F406B9575BD933B92DFF00EFB6FF00E26BACF1567CCB5FA37F4AE4354B89AD6C9E5822F3181CB0523217D715CD3D656358BB2398F19E9D3DF787E68CAC3BA3757521CE73919EAA3B66BCFA1F0F4E08323AA8C67EF576577AC8D413FD6B32B740AC3F9566B3A37241C0FF006735D105CAAC673F79DCCA934227E55957A7AD3FC39A24D6FE20865731B050C5417C64E3DB3EB57BCE84367649FF007C511DC8866DF18207AE318FC6AA4EEAC108A8C933B4492E9472B07E2E7FC2A406E5FE6C438F663FE15CCDAEB32DD5D25B42FBE53C90581C0EE7E95D35BB704118AF3A50E57A9E942A73C743D37C39FF001E43A7E15B9587E1CFF8F25ADCAEF5B23CD7BB0A28A298828A28A0028A28A0028A28A0028A28A0063FDC6FA571C318AEC5FEE3631D3BD70864BA1C79707E321FFE26B2A88D29B31FC716316A1E10D404919668616950E3254AF3C7A640AF9F9F39E6BE94B813CD6D3452C5098DD0ABFEF1B90411FDDAF9C2F6216D753404826372BC77C1C55D17A11556A53714C029EFD7AD37A1AD5908B7A65B0B9D5AD2DD9372CB3A211EA091915F4A6162408A00551B401D85783781204B8F17D8960A4444C8371C0C81C7407BE3F3AF6C9A4BAECB6F8F676FFE26B92BEF63AA8ED746869ADBB528FEB5DE47FEAD7E95E79A23487515F33CB1CF1B1B3FD2BD0E3FF56BF4AD297C26757E21D4514568661477A28A00E63C5722A35B1760A3E7EA71E9FE7F1AE03C4B743FB396D924FF005F71142FB5BF859C6ECFB6335BBF157C20BE2A3A61372D0FD944B90BFC5BB67FF135E5D7BF0D058CF6507DBE490DDCFE4F23A00A5B3FF8ED66E9DDDC7ED125637B4ED1B49B886EA396D60022BB902EDF90EDCE4608C71CE3F0ABD0F86F445C8FB3A1C0FE294B7F335CBD97C2D8EEAE2F623A8DC2FD9A7109217EF7C8AF9FFC7856927C1985CE3FB62E011EABFF00D7A1D37DC6AAAEC687FC23FA3A5C3C82D61248DA14E319FF003FCA992787F482DB85A47C7F0EE38FCBA55ED63C08B77A05A69315FBC5E46CCCC07CCD8523D6B9E4F84EA305B59BB273D87FF5E97B393EA69ED52E8547820B5B45BA8638E378B52C02800F97CC2857E98EDD2BA7DCA30C187F9E6B8E9FC06F0F876F7504D4AE5BECE66222E769F2DD97D7A9DB9FC6B50FC2DBB28B247AFDD1461B875EE33FDEA89D1EE5D3AFBA3DBFC39FF1E42B72B0FC39FF001E439CD6E56EB639DEE145145310514514005145140051451400520A5A28018FF74D70A4F00D774FF74D79FCB2AA479C8ACAA1702B6A3A8C5650832297690ED445C65B3DB9C7B9AF1FD57C2F7D7B7B79750DBAC48B29565965008C807F841CF5AF49D4A42DA969C0367F7CED907D236FF1ACBB66173777712B00AB70EC4F4C9E00A23A207A9E793F846F2083CD678492C176A9271938F6A5FF00843EF1DCA23C59FF006F23FA577F736CB3C5E5372AAC0800F707207E956D2DA358B765771E8569B93B68104AFA9C6787348BAD0759F367B5133F94C4795282319EBC815E836F7AB75024D11CA38C8CF6ED5CFC8766B70E4E41824E7DF727F89AB5A2CA069E6324031CB20FFC7CE2B0A97675D2718E88EBF4094C9A82F27B57A327DC1F4AF33F0CB06D488078C8C57A647FEAD7E95BD2F80E7AFF0018EA28A2B4310A434B45006078838920FF00811FE55C5EABB5BC51E1E8BB069E523E8847F5AECFC460F996F8F46FE95C54E0CBE36D3D09E62B19DC7D599147F5AA25A3560D3D60BABC992623ED520919768F958204FE4A0D5B05622482C73C63346D3F850D1864383CD02207EFD7F3A8402CB8F3194E4F20E695D640D83D3D69B1C2D86E7A9AAB8ACCCBBDD2D17C3D7D66923B09229BEF7F79F713D3DCD4FE1FBE12F8734D91CE775AC6727E833575E1CAE0F4231F867FFAF5CEF85C3FFC22D671B758B7C27EAAE47F4A97A94B43D27C37FF001E4B5B9587E1CFF8F215B952505145140051451400514514005145140051451400C93EE1FA57CEFF00F0ACB516C675B9F9FF00A68DFE35F443FDC6F5C5720B112B8A6927B9326D6C7904BF0E278AFADEC9B56999A7577DF9395098FE7BA921F85D77234864BC9E20AE46E2E3E600F07AF7AF4D9A22FE2BB151C6CB39CFE6F1D6B341B4E7354A288BB3CFBC35E077D067999EEE49C4A14E08276E33EF58AFF0B59EE1DDF569B2CC5B681EFF005AF599A06F27E51961FAD5268A532AE463B734F9221CD2B58F2D7F86520B98C2DDDCB478F9E4C8F97F5A8ECBE1E0BC79D7FB5278CDBCE6121475C60E7AFA1AF58FB2BE077AC9D2E064D47594FEEDDABFE7147FE149C50E2DA2BF827C26DE18D4240D7B35C2DC6DC1901F902E7A73FED57AC47CC6BF4AE2EDB9D4203D383FD2BB44FB82A2D6356DBD58EA28A281051451401CD78A1CA4B6A473C3647E55C443728DE379A52E31169CAA327BB3B1C7FE3B5DB78A8E25B5FA37F4AE5E3D3ED16FDAF8443CF7508C72790338E3A7734C0D212994E790BDBDEA4538EF500200C0E282E4500586618C557E8CDB4E0E4601A4690E3A8A80CBFBC3EDCD21A1ED74233871B4F63D45731E1DB81FE9F6C08DB06A1381CF6672DFD6B7E5236904023D2B3520B7B7695A28950CAC5DF68C64F4CFE940EC7A1786FF00E3C56B72B0FC39CD90ADCA090A28A2800A28A2800A28A2800A28A2800A28A2801AE7E46FA572024C722BAF93EE37D2B84493DE9A13202D2FFC2571CBE4BEC5B3640FFC392EA7F90AD85E4E49E6AA79A4F1938F4A5F30E722A82C5B271FC551B804824F7A877E7BD432498140169895391C8F4AC4B5F3D75ED558C2CB0CA6270C7A121307F90ABC653EB513CE718CFB50D858B96DFF002128413EB5DAA7DC1F4AE0F4C7DFA9459E715DE47FEAD7E95031D451450014514500727E329364967CF50FFF00B2D73A93035DD6AFA4C1A9AA191373A6769C918CE33D3E82B08F854827048A606309C6EC0E69FE667AD6B8F0B38390C734EFF846A5FEF9FCA95C0C3690FA541E6E2470780457447C3329FE33487C2CE4E4B1CD008E6249064F5AAAEFF976AEC0F8518F52699FF087838CE4F3EA682AE6CF87062C96B6EA8E9B67F63804757A82428A28A0028A28A0028A28A0028A28A0028A28A00649F71BE95E748F5E8CC37022B9AB9F0DA993F71945F4C93FCE9A03155CE29449EF5A63C393FF00CF43F951FF0008E4FF00F3D0FE54EE232BCC3DAA291F8C935B5FF08DCDFF003D0FE5487C3529EAE7F2A57198464DCB5049211DC5747FF08C49FDF34D3E1563D58D17032B4372DA92FB57A247FEAD7E95CDE9BE1EFB14FE6735D2A8C281ED4818B4514500145149F8D006659EB705EEB37DA64715CA4B6688EEF2C0515831703693D4650F38C1EC4F6AB1F88DE7D76EB4CB7D22FA55B595629AED5A110A33207FE29039E187453CD4B059CEBE2FBFBE68F16F258DBC48F91CB2BCC5863AF475ACDD3BC3ACBE2AD6B56B9177199AE637B6F2EF64589D0411A92D12BED3F306FBC33FA503D07691E37B4D5161796CAF34F8A7B47BC825BB116D9625DBB986C76C6372E4360F3D3AE27B0F154579736F1CDA76A1631DDE4DA4D7688AB3E016E02B1653B416C38538078C838E5F49F05DFDA787E0D3658E5DD7DA43595D19AE3CE3632EDFE0DCC7F76C7864438CA2718C91B889AC6B57BA54779A3B69C9A7CA679E679E37595C232AAC5B1892A4B6ECB8438006327E562EA4F65E36D3AFFC3516B9147722DE49A284C4E804A8D23AA2E46718F9D5B39E87233D2A1BAF1C1B1BABE82E7C39AC47F62B63773BE6D885846FC37131273E5B60633C7415CF3F84F59B7F0CE8515A5AAFDAB6D943A95BB48A388A44712020ED2CBB581C1CB2B7FB2056E788745D42F6EBC4925B5B975BCD085A4043A8DD28F38EDE48C7DF5E4F1CFD69068741A66A571A8DABCD36957B607AA4772D116718CE4796EC3F320D5982E1E5812492192DD99433452952D1F1D0ED247E448F735CE688B75A7E9D0409A1EA76F1F9C1673A96A2B3B469E59CBA932C9F282AABB72BF7B38E0E780B3D29F52B4B3B55D0CEA770FE19B416EDE6A22DB4ACD36D94EE618C75DE9B9C0CE07268EA3B1ECFB88049EC3A0E6A41D2BCAFC51A54B6D7EF2DF695F6AB9B8D474F5B5D58CA80A20922062009DE0EE576DAA0A90C589CE6BD4C67033409EE2D14514005145140051451400514514005145140099EB5910EBBE66B4DA6CDA7DE5B332C8F04B304D93AA150C576B1231B87DE0B9078CF35AC4915CBE8EDA95C78827BAD5345BF8661E6450CEF2406DE28B764040B217CB8542C4AF503A000508096E3C6105B6AD7164DA75F982DEE62B59AF94446149250A5011BF7FF00CB4419D98C9F4E69F6BE289AF9EF3EC9A06A93436D2CB089835B8595E3728C133283D41C6E0A303AFAE2DD786AF4788355D6D2DE69E41A8413C16AD727C9B98D618D09285B607560CCAC4060C8BCE0D4DE15D36E74CD6352373A4EAB134D797528BA7BE57B528F2975C44263B588239F2C1EBCF2681F5258FC78648E365F0D6B3996F1ECA3426D4179937EF51FBFEDE5B724E38E335757C636B2D85ACF6F657B3DCDCCB2429631AA79C1E362B2024B040148E58B63A0049201C597C2D7D7967656B3C33471AEBF75792B4172627585CDC6D60C8C18677A1C039E791D454D6BA6EADA4B69F76BA635DBE9CB7167224524424BA89D9584EA59946F2CA0B062BCB39E78C8989AD0E9B4CD622D52DE591619A09A090C53DBCC009217001DAD8241E0A9C824104106AD4170F34092490C96ECCA19A294A968F8E876923F2247B9AE7F4D5D4EDAE2EAFEE34D119D4AF03CB099D73670AC5B559CE4AB3650642938DFD4E327CF2CB4A7D46CECED57436D4AE1FC31682DCF9A8AB6B2B19B6CA7730C11D77A65C7381C9A1219ECFB88193D8741CD483A5795F8A34A96DAFDE5BED2BED57371A8E9EB6BAB195014412440C4013BC1DCAEDB5415218B139CD7A98E83347413DC5A28A2800A28A2800A2B0F5ED5EE34C6816DD636F33767782718C7A563FF00C2537E79D96FFF007C1FFE2AA1CEC528B676945717FF00094DF7F72DFF00EF93FE34BFF094DFFF00CF383FEF93FF00C552F6887ECD9D9D15C51F15DF8FE0831FEE9EBE9F7A97FE129BFF00EEDBFF00DF27FC68F6887ECD9DA515C49F15EA03F82DFF00EF83FF00C5530F8B6FC7F05BF5FEE9C8FD68F6883D9B3B9A2AA595D8BB8838AB58E2B433168A28A0028A28A0028A28A0028A28A0028A28A004E2936AF61431C026B941E25BD3D120FC8FF8D4B924351B9D66D14600AE53FE123BEFEE43FF007C9FF1A6C9E22D4044C51202FB4950CA793F9D4FB4457233ADC03DA80057

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...