|
16 | 16 | <base href='https://ext-code.com/utils/misc/base64-encode-file/'> |
17 | 17 | <link rel=canonical href='https://ext-code.com/utils/misc/base64-encode-file/base64-encode-file.html'> |
18 | 18 |
|
19 | | - <link rel=icon type='image/png' href='image/base64-30.png'> |
| 19 | + <link rel=icon href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAARVBMVEVHcEwDcLgQa6sHbrQBcboCcboEcLcEcLcCcboSaaYIbbIDcLgDcbkPbKwFcLcJbbAJbbAHb7QXZ6MGb7UIb7QDcbkAcrtsIh5HAAAAFnRSTlMAyRhs+/HBqOwNTbbaI5M/NYYHeVroiA3VNQAAAPFJREFUKM+Fk9uShCAMREnCEJG7Cv//qQvDOrUyq/ST5anQhHSEqEJSS7loUYTiVyvI8iUJa6f0Kv/qRe/aG1p5rUcotwIUJO+xJKHKg5RYnvAiPgflfNrI5WN4YrM6R7Z/c4QBG1zZY+8R3Kau+BVCJd7Bu1vUAwbkBmyrTjGNmFH54+B2I+WYR+x1iEfQuyw5UvnCSQRbR1B/U8gVDzf3onmD9kYngLR5e/XeGraY9g0RtdCr/Ist7q15zdYYo/YtwQVLQs4QY+5njd4lEzo835LdiGu02JzD68/T8WSgkzhMwjSJ4iTIszWYLdHTCv4AtH48ymx1XJMAAAAASUVORK5CYII='> |
20 | 20 | <meta name=viewport content='width=device-width, initial-scale=1'> |
21 | 21 |
|
22 | 22 | <script type='application/ld+json'> |
|
43 | 43 | console.log('base64-encode-file-v2.0.html'); |
44 | 44 | console.log(); |
45 | 45 | console.json=v=>console.log(JSON.stringify(v,null,4)); |
46 | | - var df=true,version='v2.0' |
47 | | - ; |
| 46 | + var version='v2.0'; |
| 47 | + var df=true; |
| 48 | + |
48 | 49 |
|
49 | 50 | var ext; |
50 | 51 | var $; |
|
72 | 73 | mod.base.add({ext,$,datatype,keydown,menu,menumod}); |
73 | 74 |
|
74 | 75 |
|
75 | | - hdr = mod['hdr-base64']; |
| 76 | + hdr = mod['misc-hdr']; |
76 | 77 | //mod.menu.main = mod.menu.main(); |
77 | 78 | preview.filemod = mod['file-preview']; |
78 | 79 | preview.filename = mod['fn-preview']; |
|
145 | 146 | padding-bottom:200px; |
146 | 147 | } |
147 | 148 | body>* |
148 | | - {max-width:1400px;width:100%;padding:0 20px;} |
| 149 | + {max-width:1600px;width:100%;padding:0 20px;} |
149 | 150 |
|
150 | 151 |
|
151 | 152 | .icon |
|
222 | 223 | <body> |
223 | 224 |
|
224 | 225 |
|
225 | | - <hdr-base64 component=grp> |
226 | | - <img class=title src='image/base64-file-50.png' style='top:5px;height:40px'> |
227 | | - <time slot=date datetime=2025-10-18>18 Oct 2025</time> |
228 | | - </hdr-base64> |
| 226 | + <misc-hdr v2.0 component=grp> |
| 227 | + <img slot=title class=title src='images/base64-encode-file.png' style='top:-35px;height:100px'> |
| 228 | + <time slot=date datetime=2025-04-19> |
| 229 | + 19 Apr 2026 |
| 230 | + </time> |
| 231 | + </misc-hdr> |
229 | 232 |
|
230 | 233 |
|
231 | 234 |
|
|
362 | 365 |
|
363 | 366 |
|
364 | 367 | hdr.initdom(root); |
| 368 | + hdr.set.version(version); |
365 | 369 |
|
366 | 370 |
|
367 | 371 | preview.root = $(root,'#preview'); |
|
483 | 487 |
|
484 | 488 | btn.output.paste = async function(){ |
485 | 489 |
|
486 | | - var b64 = await navigator.clipboard.readText(); |
| 490 | + var txt = await navigator.clipboard.readText(); |
487 | 491 |
|
488 | | - cur.b64 = b64; |
| 492 | + cur.b64 = txt; |
489 | 493 |
|
490 | | - output.view.textContent = b64; |
| 494 | + b64.text.textContent = txt; |
491 | 495 |
|
492 | 496 | }//paste |
493 | 497 |
|
|
505 | 509 |
|
506 | 510 | function decode(b64){ |
507 | 511 |
|
| 512 | + if(b64.startsWith('data:')){ |
| 513 | + var i = b64.indexOf(','); |
| 514 | + b64 = b64.slice(i+1); |
| 515 | + } |
| 516 | + |
508 | 517 | var blob = b64_blob(b64); |
509 | 518 | cur.blob = blob; |
510 | 519 | return blob; |
|
0 commit comments