Javascript-based Binary File Conversion Template

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|540\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
SoCoder -> Snippet Home -> File Access

Jayenkai	Created : 02 February 2019 Edited : 02 February 2019 System : Cross Platform Language : Javascript Javascript-based Binary File Conversion Template Convert a file using the browser
This is a simple enough template, which should be more or less easy to understand. The hardest part will be creating the conversion itself! But the basic idea is to take a file, and allow the javascript to convert it, before spitting it back out with the big convertor button. <html> <style type="text/css"> body {background:#BB9977; color:#000000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size : 12pt; line-height: 1.2em; margin:8px;} .comment {font-size:0.75em;font-weight: bold;border:2px solid #000000; background:#EECCAA; display:inline-block; margin:4px; padding:4px;} .main {background:#DDBB99; min-height:100%; padding:0px; padding-left:8px; padding-right:8px; width:1024px; margin:0 auto; text-align:left;} .buttonised {background:#FFFFFF; color:#000000; border:2px solid #000000; font-size:1.25em; padding:4px;} .buttonisedb { background:#CCCCCC; color:#000000; font-size:1.25em; padding:4px; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; border-botton:2px solid #000000; border-right:2px solid #000000; } </style> <script> var inArray; var outArray; var OutputFilename="ConvertedBinary.bin"; function init() { document.getElementById('files').addEventListener('change', handleFileSelect, false); } function DoConversion() { // This is where your converter goes if (inArray.length<2) {return;} outArray=[]; // Cleans out, erases, resets an array. // Now you simply flick through inArray, convert, and dump the output into outArray. ol=0; for (i=0;i<inArray.length;i++) { outArray[ol]=inArray[i];ol++; if (inArray[i]=="A") {outArray[ol]="a";ol++;} if (inArray[i]=="B") {outArray[ol]="b";ol++;} if (inArray[i]=="C") {outArray[ol]="c";ol++;} } // And then it sends outArray to the exporter, which sends it as if its a file-download in your browser. ExportOutArray(); } function handleFileSelect(evt) { // This takes the file selected (and should be easily convertable to handle many files, but sod that for now!!) // and plonks the binarydata into inArray. var files = evt.target.files for (var i = 0, f; f = files[i]; i++) { var reader = new FileReader() reader.onload = (function(theFile) { // (2) - This is next, and is what happens once the file (below) has loaded. return function(e) { inArray=e.target.result; // This plonks the array into the array buffer variable thing } })(f) // (1) - This says "Read the file", and happens first reader.readAsBinaryString(f) } } function ExportOutArray() { // This takes outData and passes it to the browser as a download. var createObjectURL = (window.URL \|\| window.webkitURL \|\| {}).createObjectURL \|\| function(){}; var blob = null; var mimeString = "application/octet-stream"; window.BlobBuilder = window.BlobBuilder \|\| window.WebKitBlobBuilder \|\| window.MozBlobBuilder \|\| window.MSBlobBuilder; if(window.BlobBuilder){ var bb = new BlobBuilder(); bb.append(outArray.join("")); blob = bb.getBlob(mimeString); }else{ blob = new Blob([outArray.join("")], {type : mimeString}); } var url = createObjectURL(blob); var a = document.getElementById("DownloadLink"); a.href = url; a.download = OutputFilename; a.innerHTML = "download file"; a.click(); } </script> <body onload="init()"> <font style="font-size:1.25em; font-weight:bold;">File Converter v0.0000000001</font><br><br> <input id="files" type="file" class="buttonised" style="width:512px"> <button onclick="DoConversion();return false;" class="buttonisedb" style="width:400px">Do Conversion</button> <a href="" target="_new" id="DownloadLink" style="display:none;">DownloadLink</a> </body></html> --v

Comments

Javascript-based Binary File Conversion Template

Comments