Fix download Base64string data

content/view.html

@@ -5,6 +5,8 @@ draft: false
 ---
       <script src="/js/getFullDataPath.js" type="text/javascript"></script>
       <script src="/js/getTextFromFile.js" type="text/javascript"></script>
+      <script src="/js/downloadData.js" type="text/javascript"></script>
+      <script src="/js/Base64ToBlob.js" type="text/javascript"></script>
     <script>
 
       window.onload=async function(){
@@ -38,7 +40,8 @@ draft: false
       } else if(params.has(key[1])){
         var base64=params.get(key[1]);
         $("#btn_download").click(function(){
-          window.open(String.raw`data:text/plain;base64,${base64}`,"_self")
+         const blob=base64ToBlob(base64,"text/plain")
+         downloadData(blob,"file.dat")
         })
         document.getElementById('fileTitle').hudden=true
         document.getElementById('fileContent').innerText=atob(base64)

static/js/Base64ToBlob.js

@@ -0,0 +1,18 @@
+function base64ToBlob(Base64String,type="") {
+  byteString=atob(Base64String)
+  var ab = new ArrayBuffer(byteString.length);
+  var ia = new Uint8Array(ab);
+  for (var i = 0; i < byteString.length; i++) {
+    ia[i] = byteString.charCodeAt(i);
+  }
+
+  // write the ArrayBuffer to a blob, and you're done
+  var bb=null
+  if (type=="") {
+    var bb = new Blob([ab]);
+  }
+  else {
+    var bb = new Blob([ab], {type : type});
+  }
+  return bb;
+}

static/js/downloadData.js

@@ -0,0 +1,11 @@
+function downloadData(data,fileName) {
+  const url=window.URL.createObjectURL(data)
+  const a = document.createElement('a');
+  a.style.display = 'none';
+  a.href = url;
+  a.download = fileName;
+  document.body.appendChild(a);
+  a.click();
+  window.URL.revokeObjectURL(url);
+  document.body.removeChild(a)
+}