বেস 64 স্ট্রিংকে অ্যারেবফারে রূপান্তর করুন

Question 1

আমার একটি বেস 64 এনকোড স্ট্রিংকে অ্যারেবফারে রূপান্তর করতে হবে। বেস 64 স্ট্রিংগুলি ব্যবহারকারী ইনপুট, সেগুলি অনুলিপি করে একটি ইমেল থেকে আটকানো হবে, যাতে পৃষ্ঠাটি লোড হওয়ার পরে তারা সেখানে থাকে না। আমি জাভাস্ক্রিপ্টে এটি করতে চাই যদি সম্ভব হয় তবে সার্ভারে একটি অজাক্স কল না করে।

আমি এই লিঙ্কগুলি আকর্ষণীয় পেয়েছি তবে তারা আমাকে সহায়তা করেনি:

বেস 64 টি এনকোডড স্ট্রিংয়ে অ্যারেবফার

এটি আরেবাফার থেকে বেস 64 এর বিপরীত রূপান্তর সম্পর্কে, অন্যভাবে নয় not

http://jsperf.com/json-vs-base64/2

এটি দেখতে দুর্দান্ত লাগছে তবে কোডটি কীভাবে ব্যবহার করব তা আমি বুঝতে পারি না।

রূপান্তরটি করার কি কোনও সহজ (সম্ভবত নেটিভ) উপায় আছে? ধন্যবাদ

Question 2

এটা চেষ্টা কর:

function _base64ToArrayBuffer(base64) {
    var binary_string = window.atob(base64);
    var len = binary_string.length;
    var bytes = new Uint8Array(len);
    for (var i = 0; i < len; i++) {
        bytes[i] = binary_string.charCodeAt(i);
    }
    return bytes.buffer;
}

Question 3

TypedArray.from ব্যবহার করে :

Uint8Array.from(atob(base64_string), c => c.charCodeAt(0))

Goran.it উত্তরের লুপ সংস্করণের সাথে তুলনা করতে পারফরম্যান্স।

Question 4

জাভাস্ক্রিপ্টে ইউনিকোড সমস্যার কারণে Goran.it এর উত্তর কাজ করে না - https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding ।

আমি ড্যানিয়েল গেরেরোর ব্লগে প্রদত্ত ফাংশনটি ব্যবহার করে শেষ করেছি: http://blog.danguer.com/2011/10/24/base64-binary-decoding-in-javascript/

গিথুব লিঙ্কে ফাংশন তালিকাভুক্ত করা হয়েছে: https://github.com/danguer/blog-example/blob/master/js/base64-binary.js

এই লাইনগুলি ব্যবহার করুন

var uintArray = Base64Binary.decode(base64_string);  
var byteArray = Base64Binary.decodeArrayBuffer(base64_string);

Question 5

মাত্র 6464-অ্যারেবফারটি পাওয়া গেছে, গত মাসে (2017-08) অবিশ্বাস্যরূপে উচ্চ ব্যবহারের সাথে একটি ছোট এনপিএম প্যাকেজ, 5 এম ডাউনলোড।

https://www.npmjs.com/package/base64-arraybuffer

যে কেউ সেরা মানের সমাধানের জন্য কিছু খুঁজছেন, এটি এটি হতে পারে।

Question 6

অ্যাসিঙ্ক সমাধান, ডেটা বড় হলে এটি আরও ভাল:

// base64 to buffer
function base64ToBufferAsync(base64) {
  var dataUrl = "data:application/octet-binary;base64," + base64;

  fetch(dataUrl)
    .then(res => res.arrayBuffer())
    .then(buffer => {
      console.log("base64 to buffer: " + new Uint8Array(buffer));
    })
}

// buffer to base64
function bufferToBase64Async( buffer ) {
    var blob = new Blob([buffer], {type:'application/octet-binary'});    
    console.log("buffer to blob:" + blob)

    var fileReader = new FileReader();
    fileReader.onload = function() {
      var dataUrl = fileReader.result;
      console.log("blob to dataUrl: " + dataUrl);

      var base64 = dataUrl.substr(dataUrl.indexOf(',')+1)      
      console.log("dataUrl to base64: " + base64);
    };
    fileReader.readAsDataURL(blob);
}

Question 7

নোড.জেএস ব্যবহারকারীদের জন্য:

const myBuffer = Buffer.from(someBase64String, 'base64');

মাইবফারটি টাইপ বাফার হবে যা ইউিন্ট 8আরাইয়ের একটি সাবক্লাস। দুর্ভাগ্যক্রমে, Uint8Araray কোনও অ্যারেবফার নয় কারণ ওপি যেমনটি চেয়েছিল। তবে অ্যারেবফারটি পরিচালনা করার সময় আমি প্রায়শই এটি ইউিনট 8 আরে বা অনুরূপ কিছু দিয়ে মুড়িয়ে রাখি, তাই যা চাওয়া হচ্ছে তার কাছাকাছি হওয়া উচিত।

Question 8

জাভাস্ক্রিপ্ট একটি সূক্ষ্ম বিকাশের পরিবেশ, সুতরাং এটি এই ছোট সমস্যাটির সমাধান সরবরাহ করে না বলে এটি বিজোড় বলে মনে হয়। এই পৃষ্ঠায় অন্য যে কোনও জায়গায় প্রদত্ত সমাধানগুলি সম্ভাব্য ধীর are এখানে আমার সমাধান। এটি ইনবিল্ট কার্যকারিতা নিয়োগ করে যা বেস 64৪ চিত্র এবং শব্দ ডেটা ইউআরএলগুলি ডিকোড করে।

var req = new XMLHttpRequest;
req.open('GET', "data:application/octet;base64," + base64Data);
req.responseType = 'arraybuffer';
req.onload = function fileLoaded(e)
{
   var byteArray = new Uint8Array(e.target.response);
   // var shortArray = new Int16Array(e.target.response);
   // var unsignedShortArray = new Int16Array(e.target.response);
   // etc.
}
req.send();

বেস 64 স্ট্রিংটি খারাপভাবে তৈরি হয়ে থাকলে প্রেরণের অনুরোধটি ব্যর্থ হয়।

মাইম টাইপ (অ্যাপ্লিকেশন / অক্টেট) সম্ভবত অপ্রয়োজনীয়।

ক্রোমে পরীক্ষিত। অন্যান্য ব্রাউজারে কাজ করা উচিত।

Question 9

খাঁটি জেএস - কোনও স্ট্রিং মিডলস্টেপ নেই (কোনও অ্যাটোব নেই)

আমি নিম্নলিখিত ফাংশনটি লিখি যা বেস 64 কে সরাসরি উপায়ে রূপান্তর করে (মিডলস্টেপে স্ট্রিংতে রূপান্তর ছাড়াই)। ধারণা

4 বেস 64 অক্ষরের অংশ পান
বেস 64 বর্ণমালায় প্রতিটি অক্ষরের সূচি সন্ধান করুন
সূচিটি 6-বিট সংখ্যায় রূপান্তর করুন (বাইনারি স্ট্রিং)
চারটি 6 বিট সংখ্যায় যোগদান করুন যা 24-বিট সংখ্যা দেয় (বাইনারি স্ট্রিং হিসাবে সঞ্চিত)
24-বিট স্ট্রিংকে তিনটি 8-বিটে বিভক্ত করুন এবং প্রতিটি সংখ্যায় প্রচ্ছন্ন করুন এবং আউটপুট অ্যারেগুলিতে সঞ্চয় করুন
কোণার কেস: যদি ইনপুট বেস 64 স্ট্রিংটি এক / দুটি =চর দিয়ে শেষ হয় তবে আউটপুট অ্যারে থেকে এক / দুটি সংখ্যা সরান

সমাধানের নীচে বড় ইনপুট বেস 64 স্ট্রিংগুলি প্রক্রিয়া করার অনুমতি দেয়। বাইটো না করে বাইটগুলি বেস 64 এ রূপান্তর করার জন্য অনুরূপ ফাংশনটি এখানে

কোড স্নিপেট দেখান

function base64ToBytesArr(str) {
  const abc = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"]; // base64 alphabet
  let result = [];

  for(let i=0; i<str.length/4; i++) {
    let chunk = [...str.slice(4*i,4*i+4)]
    let bin = chunk.map(x=> abc.indexOf(x).toString(2).padStart(6,0)).join(''); 
    let bytes = bin.match(/.{1,8}/g).map(x=> +('0b'+x));
    result.push(...bytes.slice(0,3 - (str[4*i+2]=="=") - (str[4*i+3]=="=")));
  }
  return result;
}


// --------
// TEST
// --------


let test = "Alice's Adventure in Wonderland.";  

console.log('test string:', test.length, test);
let b64_btoa = btoa(test);
console.log('encoded string:', b64_btoa);

let decodedBytes = base64ToBytesArr(b64_btoa); // decode base64 to array of bytes
console.log('decoded bytes:', JSON.stringify(decodedBytes));
let decodedTest = decodedBytes.map(b => String.fromCharCode(b) ).join``;
console.log('Uint8Array', JSON.stringify(new Uint8Array(decodedBytes)));
console.log('decoded string:', decodedTest.length, decodedTest);

স্নিপেট প্রসারিত করুন

Question 10

const str = "dGhpcyBpcyBiYXNlNjQgc3RyaW5n"
const encoded = new TextEncoder().encode(str) // is Uint8Array
const buf = encoded.buffer // is ArrayBuffer