|
1 | 1 |
|
2 | 2 |
|
| 3 | +<!DOCTYPE html> |
3 | 4 |
|
4 | 5 | <html> |
5 | 6 |
|
6 | 7 | <head> |
| 8 | + <meta charset=utf-8> |
7 | 9 |
|
8 | | - <title>base64 encode file</title> |
| 10 | + <title> |
| 11 | + Base64 Encode File |
| 12 | + </title> |
| 13 | + |
9 | 14 | <meta name=description content='base64 encode files, optional dataurl'> |
10 | 15 |
|
11 | 16 | <link rel=icon type='image/png' href='image/base64-30.png'> |
|
14 | 19 | <base href='https://ext-code.com/utils/misc/base64-encode-file/'> |
15 | 20 | <link rel=canonical href='https://ext-code.com/utils/misc/base64-encode-file/base64-encode-file.html'> |
16 | 21 |
|
17 | | - |
18 | 22 | <script type='application/ld+json'> |
19 | 23 | { |
20 | 24 | "@context" : "https://schema.org", |
|
31 | 35 | } |
32 | 36 | </script> |
33 | 37 |
|
34 | | - |
35 | 38 |
|
36 | 39 | <script src='https://libs.ext-code.com/js/dom/component/component.js'></script> |
37 | 40 |
|
|
40 | 43 | console.log('base64-encode-file-v2.0.html'); |
41 | 44 | console.log(); |
42 | 45 | console.json=v=>console.log(JSON.stringify(v,null,4)); |
43 | | - var df=true,did='base64-encode-file' |
| 46 | + var df=true,version='v2.0' |
44 | 47 | ; |
45 | 48 |
|
46 | 49 | var ext; |
|
53 | 56 | var preview = {}; |
54 | 57 | var output = {}; |
55 | 58 |
|
56 | | - var filemod; |
57 | | - var publish; |
58 | 59 | var log; |
59 | 60 |
|
60 | 61 |
|
|
66 | 67 | async function init(){ |
67 | 68 |
|
68 | 69 | //keydown = keydown(); |
69 | | - menu = mod.menumod(); |
| 70 | + menu = menumod(); |
70 | 71 |
|
71 | 72 | hdr = mod['hdr-base64']; |
72 | 73 | //mod.menu.main = mod.menu.main(); |
73 | | - preview.filemod = mod['filemod[preview]']; |
74 | | - preview.filename = mod['filename-ui[preview]']; |
75 | | - output.filemod = mod['filemod[output]'] |
76 | | - output.filename = mod['filename-ui[output]']; |
77 | | - log = mod.log; |
| 74 | + preview.filemod = mod['file-preview']; |
| 75 | + preview.filename = mod['fn-preview']; |
| 76 | + output.filemod = mod['file-output'] |
| 77 | + output.filename = mod['fn-output']; |
| 78 | + log = mod['log-mod']; |
78 | 79 |
|
79 | 80 | hdr.initmod({ext,$,menu,menumod}); |
80 | 81 | //mod.menu.main.initmod({ext,$,menumod,editor,filemod}); |
|
97 | 98 | menu.on.close = null; |
98 | 99 |
|
99 | 100 |
|
100 | | - await initdom(document.body); |
| 101 | + initdom(document.body); |
101 | 102 |
|
102 | 103 |
|
103 | 104 | }//init |
|
216 | 217 | <body> |
217 | 218 |
|
218 | 219 |
|
219 | | - <hdr-base64 component=grp v2.0> |
| 220 | + <hdr-base64 component=grp> |
220 | 221 | <img class=title src='image/base64-file-50.png' style='top:5px;height:40px'> |
221 | 222 | <time slot=date datetime=2025-10-18>18 Oct 2025</time> |
222 | 223 | </hdr-base64> |
|
231 | 232 |
|
232 | 233 | <div class=user> |
233 | 234 |
|
234 | | - <filemod inst=preview component v2.0></filemod> |
| 235 | + <file-mod id=file-preview component v2.0></file-mod> |
235 | 236 |
|
236 | 237 | <div id=btns> |
237 | | - |
238 | 238 | <input value=save type=button> |
239 | 239 | <div class=spc></div> |
240 | | - |
241 | 240 | </div> |
242 | 241 |
|
243 | 242 | </div> |
244 | 243 |
|
245 | | - <filename-ui inst=preview component v2.0></filename-ui> |
| 244 | + <filename-ui id=fn-preview component></filename-ui> |
246 | 245 |
|
247 | 246 | </div> |
248 | 247 |
|
|
289 | 288 |
|
290 | 289 | <div class=user> |
291 | 290 |
|
292 | | - <filemod inst=output component v2.0></filemod> |
| 291 | + <file-mod id=file-output component></file-mod> |
293 | 292 |
|
294 | 293 | <div id=btns> |
295 | 294 |
|
|
302 | 301 |
|
303 | 302 | </div> |
304 | 303 |
|
305 | | - <filename-ui inst=output component v2.0></filename-ui> |
| 304 | + <filename-ui id=fn-output component v2.0></filename-ui> |
306 | 305 |
|
307 | 306 | </div output> |
308 | 307 |
|
|
325 | 324 | </body> |
326 | 325 |
|
327 | 326 |
|
328 | | - <log component v2.0></log> |
| 327 | + <log-mod component></log-mod> |
329 | 328 |
|
330 | 329 |
|
331 | 330 | <script> |
|
0 commit comments