hatem-ghouthi

زيزوومي VIP
نجم الشهر
إنضم
6 مارس 2015
المشاركات
1,117
مستوى التفاعل
1,532
النقاط
1,220
غير متصل
Mlmztle.png


base64.png


يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي




WQ24cX2.png


البرنامج هو اداة صغيرة الحجم . تقوم بتحويل - الصور - الى نمط base 64

-
ماذا يعني هذا ؟
-
مثلا هذه الصورة
upload_2015-10-20_2-34-9.png


بعد تشفيرها بالبرنامج
سنتحصل على هذا الكود

كود:
iVBORw0KGgoAAAANSUhEUgAAAIUAAACmAQAAAADcmXEJAAAACXBIWXMAAA7DAAAOwwHHb6hk
AAAB+0lEQVRIie3UPW7bMBQH8OfJY5C9AA/RJUNrjr1Ou3UIwAI9gI7gM+QCtQsU0OgjJIWG
LAFiQkNkiOa/j18mbdep7MQditKDqJ+ox0fyyYSd1tE/IzU0jILgziGxNW7woHphk5gPuMQP
pQV3Do0ZEhlz+khvaEyjOanhkoL4aC8Qa9RMPC56bZOYawhZL3TLnTimwzf5WPUNd2IcnSNF
adDBSlTciXLPD63ClDtRysUHWaCFASR3olQ50ivL2ern9aTG5hKlCVI9JzqIyNIFkcfMPsN3
f2MFnoJISy4m7kZ8Sl5URxdOvhD6UPNqqb46GXdyFQQ/+efCWLEOXwqn7FLkWhAmSu1T5Fqo
gqx4PXzntLbq96K5lDgGP8G9lU7aQhBF8Jn7smxKGeHTtkxokqVx8s6Qf0ts5D1Gpfi5aj9X
KSgl53xY8tpTPg2Wbn8kLpLkPUyS9zmI5n0bx7OwUfJ5BeHM5ulM067mFsQUkk5nV2wh63ju
WVaxNrL0sX6ytKnGNu1paGWuWktEb9e24wumV0mke3q8zBZ3f5STIu9neGrOt8sXZqhNIcKJ
i5jyoQOCMg6Ok5ihk84/5DF+FdaJmyK9RcSy3BNsR+6SpD3Msj9mkKQMn5OTIp8xw2kpsNf+
k5go/Jck9hyRP++IofC/FE9toGy1vyq/ACDA1c/vfpesAAAAAElFTkSuQmCC

*************
الان ناتي لفائدة هذا البرنامج اليوم
صمم هذا البرنامج لتحويل الصور الى base 64

ولماذا نستعملها؟

بالطبع كل وما يريد ان يستعمل هذا التشفير
ولكن تحويلها لشيئ مفيد هي استعمالها في صفحات html

وكيف ذلك ؟

انت تريد ان تنشئ صفحة تحتوي على نصوص و صور
لكن تريد ان تجعل الصفحة محمولة وتعمل في اي جهاز من دون نت بالاضافة الى جعلها صفحة واحدة من دون انشاء مجلد خاص بالصور

لناخذ مثال
صفحة html عادية مع روابط خارجية للصور

كود:
<html>

<title></title>
<body><center>
<img src="images\1.png">
</body>
</html>


وهذه صفحة html من دون صور خارجية لاننا وضعنا الصورة داخل الصفحة بعد تعريف نمط base 64 على انه ملف صورة

كود:
<html>
<title></title>
<body><center>
<img src="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIUAAACmAQAAAADcmXEJAAAACXBIWXMAAA7DAAAOwwHHb6hk
AAAB+0lEQVRIie3UPW7bMBQH8OfJY5C9AA/RJUNrjr1Ou3UIwAI9gI7gM+QCtQsU0OgjJIWG
LAFiQkNkiOa/j18mbdep7MQditKDqJ+ox0fyyYSd1tE/IzU0jILgziGxNW7woHphk5gPuMQP
pQV3Do0ZEhlz+khvaEyjOanhkoL4aC8Qa9RMPC56bZOYawhZL3TLnTimwzf5WPUNd2IcnSNF
adDBSlTciXLPD63ClDtRysUHWaCFASR3olQ50ivL2ern9aTG5hKlCVI9JzqIyNIFkcfMPsN3
f2MFnoJISy4m7kZ8Sl5URxdOvhD6UPNqqb46GXdyFQQ/+efCWLEOXwqn7FLkWhAmSu1T5Fqo
gqx4PXzntLbq96K5lDgGP8G9lU7aQhBF8Jn7smxKGeHTtkxokqVx8s6Qf0ts5D1Gpfi5aj9X
KSgl53xY8tpTPg2Wbn8kLpLkPUyS9zmI5n0bx7OwUfJ5BeHM5ulM067mFsQUkk5nV2wh63ju
WVaxNrL0sX6ytKnGNu1paGWuWktEb9e24wumV0mke3q8zBZ3f5STIu9neGrOt8sXZqhNIcKJ
i5jyoQOCMg6Ok5ihk84/5DF+FdaJmyK9RcSy3BNsR+6SpD3Msj9mkKQMn5OTIp8xw2kpsNf+
k5go/Jck9hyRP++IofC/FE9toGy1vyq/ACDA1c/vfpesAAAAAElFTkSuQmCC
">
</body>
</html>

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي




eXaC273.png


الان ناتي لشرح العمل بالبرنامج
اولا بعد تحميل البرنامج وفك الظغط
سيظهر لك ملف اسمه convert
شغله

upload_2015-10-20_3-20-56.png


ستظهر لك هذه النافذة

upload_2015-10-20_2-56-42.png



الان قم بوضع رابط الصورة في جهازك او قم برميها مباشرة داخل شاشة البرنامج

upload_2015-10-20_2-59-42.png


الان اظغط انتري
ستستغرق العملية اقل من ثانية
الان في نفس المكان الذي يوجد فيه البرنامج ستلاحظ ان هناك ملفين جديدين

ملف html وهو معاينة للصورة
وملف text وهو يحتوي على ناتج تحويل الصورة الى base 64
upload_2015-10-20_3-7-24.png


*********************

الان كيف نعيد استرجاع الصورة من نمط base64 الى صورة عادية
حسنا في نفس مجلد البرنامج ستجد ملف باسم
decode

upload_2015-10-20_3-53-6.png


شغله
ستظهر هذه النافذة
upload_2015-10-20_3-54-35.png


الان كيف ندخل تشفير base 64 في البرنامج ؟

الفكرة بسيطة جدا

وهي نسخ الكود في ملف نصي مثل هذا
upload_2015-10-20_3-59-34.png


ثم نحفظه عادي كاي ملف نصي
upload_2015-10-20_4-0-13.png


الان نقوم بادخال مسار الملف النصي او نرميه داخل شاشة البرنامج

upload_2015-10-20_4-2-17.png


ثم نظغط انتري
سيطلب منك البرنامج ان تقوم بادخال اسم الصورة وصيغتها
مثال hatem.jpg
حيث hatem هو اسم الصورة
و jpg هو صيغة الصورة
بعد كتابة الاسم الجديد نظغط انتري


upload_2015-10-20_4-6-36.png




انتهى شرح البرنامج

واي استفسار عن البرنامج او اشكال ضعه في تعليق

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي



يجب عليك تسجيل الدخول او تسجيل لمشاهدة الرابط المخفي


880Pvsl.png
 

المرفقات

التعديل الأخير:
توقيع : hatem-ghouthi
تم التعديل على الموضوع
و إرجاعه
شكراً لأهتمامك أخي العزيز حاتم
و جزاك الله كل خير
 
التعديل الأخير:
7uekh8y1zbckfhhtjjd.gif
 
توقيع : اليوناني
توقيع : hatem-ghouthi
شكرا لك اخي الغالي على الشرح المميز
 
توقيع : أسيرالشوق
توقيع : hatem-ghouthi
جزاك الله عنا كل خير

وبارك فيك اخي الكريم
 
بارك الله فيك

شكراً لك على الطرح المميز
 
توقيع : hatem-ghouthi
sdfsdfsdf.gif
 
توقيع : salemsw100
عودة
أعلى