سكربت رفع الصور بتقنية السحب والافلات [HTML5]

[romaissa]

http://www.dzbatna.com/images/icons/icon30.gif ط³ظƒط±ط¨طھ ط±ظپط¹ ط§ظ„طµظˆط± ط¨طھظ‚ظ†ظٹط© ط§ظ„ط³ط*ط¨ ظˆط§ظ„ط§ظپظ„ط§طھ [HTML5] (http://www.dzbatna.com/t2336093/)




اليوم اقدم لكم سكريت صغيرة لإنشاء مركز رفع الصور، من شأنه أن يسمح للناس برفع الصور من أجهزة الكمبيوتر الخاصة بهم عن طريق سحب واسقاط الصور على نافذة المتصفح، السكربت تم برمجته بأحدث تقنيات الويب HTML5 و jQuery هذه الغات البرمجية متوافقة فقط مع المتصفحات الحديثة.




السكربت يأتينا بميزة رائعة وهي عند رفع اي صورة يمكنك معاينتها مباشرتا مع شريط تقدم لعملية الرفع، جميع الصور التي ترفع المدير فقط هو من يستطيع حذفها ومعاينتها. بحيث يتم تخزين الصور فقط في مجلد على الخادم،

رابط المعاينة (http://www.tech-fans.com/test.tech-fans.com/html5-image-upload)

قبل متابعة الشرح طريقة حمل السكريبت script من الرابط اسفله

رابط التحميل (http://www.tech-fans.com/wp-content/uploads/2014/10/html5-image-upload.zip)

-------------------------------------------------------------
شاهد الشرح طريقة من هنا (http://www.youtube.com/watch?v=yKZmszcwhsg)

http://www.youtube.com/watch?v=yKZmszcwhsg



المصدر : سكربت رفع الصور (http://www.tech-fans.com/2014/10/%D8%B3%D9%83%D8%B1%D8%A8%D8%AA-%D8%B1%D9%81%D8%B9-%D8%A7%D9%84%D8%B5%D9%88%D8%B1.html)







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif html5-image-upload.zip (http://www.traidnt.net/vb/attachments/711083d1380645210-html5-image-upload.zip) (1.03 ميقابايت, عدد مرات المشاهدة 56 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©