کۆدکەر و کۆدکەرەوەی Base64ی بەخۆڕایی

چۆن کار دەکات

کۆدکردن و کۆدلادانی Base64 لێرە تەواو لە وێبگەڕدا کاردەکات بە بەکارهێنانی فەنکشنی سەرەکی btoa/atobی جاڤاسکریپت و APIی FileReader — بەبێ سێرڤەر، بارکردن، یان کتێبخانەی لایەنی سێیەم. بۆ دەق، پێچەوانەیەکی encodeURIComponent/unescape دڵنیایی دەدات پیتی یونیکۆد بەدرووستی کۆددەکرێت؛ بۆ فایل، FileReader.readAsDataURL() ڕاستەوخۆ داتای Base64 دروستدەکات.

1. 1
   داخڵی دەق: ستانداردکردنی UTF-8

   دەقی خاو لە ڕێگای encodeURIComponentەوە پاشان unescape دەڕوات پێش گەیشتن بۆ btoa. ئەم دوو هەنگاوە پیتی یونیکۆدی فرە-بایت (ئیمۆجی، پیتی خاڵدار، خەتی نا-لاتینی) دەگۆڕن بۆ ڕیزبەندی بایت کە btoa دەتوانێت بە سەلامەتی کۆدی بکات — لابردنی ئەم هەنگاوە هەڵەیەکی 'پیت لە دەرەوەی مەودا' دەردەخات بۆ هەر شتێک لە دەرەوەی لاتین-1.
2. 2
   داخڵی فایل: APIی FileReader

   کاتێک فایلێک هەڵدەبژێریت، شێوازی FileReader.readAsDataURL()ی وێبگەڕ فایلەکە بە شێوەیەکی ناوخۆیی دەخوێنێتەوە و لینکی داتایەکی بەم شێوەیە دەگەڕێنێتەوە data:<mime>;base64,<payload>. ئامرازەکە پێشگرەکە دادەماڵێت و تەنها بارگرانی خاوی Base64 هەڵدەگرێت، پشتگیری هەر جۆرە فایلێک دەکات تا 20 مێگابایت.
3. 3
   جۆری URL-safe (RFC 4648 §5)

   گۆڕین بۆ دۆخی URL-safe سێ گۆڕینی پیت جێبەجێدەکات بۆ دەرچوونی ستاندارد: + دەبێتە -، / دەبێتە _، و بۆشاییی = ی کۆتایی لادەبرێت. ئەمە هاوتای ئەلفوبێی RFC 4648 §5ـە کە لە JWTەکان، پارامیتەری URL، و ناوی فایلدا بەکاردێت کە + و / پێویستیان بە کۆدکردنی سەدی هەیە.
4. 4
   کۆدلادان: گەڕاندنەوەی بۆشایی و atob

   لە کۆدلادانەکەدا، ئامرازەکە بۆشایی سپی لادەبات (مامەڵەکردن لەگەڵ Base64ی MIME-پێچراو)، ئەلفوبێی URL-safe دەگەڕێنێتەوە بۆ پیتی ستاندارد، پاشان هەر بۆشاییی = ی وونبووی دووبارە زیاد دەکات پێش بانگکردنی atob. بایتەکانی دەرچوو دەگۆڕدرێنەوە بۆ ڕیزبەندییەکی یونیکۆد بە decodeURIComponent(escape(...)) — ئاوێنەی ڕێگای کۆدکردن.

ئامرازە پەیوەندیدارەکان