سعاد نشر 4 يناير 2016 أرسل تقرير مشاركة نشر 4 يناير 2016 أستعمل : <input type="file" multiple>لتحميل العديد من الصور، لكن أريد إظهار الصور المحددة على الصفحة قبل تحميلها إلى الخادم -Server-، حتى أتأكد من أنها هي التي اخترت -مثال الصور المرفقة مع الأسئلة هنا في موقع أكاديمية حسوب-. كيف ذلك؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 E.Nourddine نشر 4 يناير 2016 أرسل تقرير مشاركة نشر 4 يناير 2016 (معدل) html5 أتت مع File API spec والتي تسمح باستعمال تفاعلي للملفات الموجودة محليا على التطبيقات دون اللجوء إلى تحميلها على السيرفر، مما يعني أنك تستطيع إظهار الصور أوأي نوع من الملفات على متصفحك دون الحاجة إلى رفعها.تتيح FileReader لتطبيقات الويب التفاعل مع الملفات بشكل غير متزامن asynchronously.ليكون كودنا على الشكل التالي:كود html5:<input type="file" id="files" /> <img id="image" />كود JavaScript:document.getElementById("files").onchange = function () { var reader = new FileReader(); reader.onload = function (e) { // thumbnailإظهار البيانات على شكل . document.getElementById("image").src = e.target.result; }; // URL قراءة الصور انطلاقا من . reader.readAsDataURL(this.files[0]); };مقال مفيد حول الموضوع: using the File APIs in JavaScript. تم التعديل في 4 يناير 2016 بواسطة E.Nourddine اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
سعاد
أستعمل :
لتحميل العديد من الصور، لكن أريد إظهار الصور المحددة على الصفحة قبل تحميلها إلى الخادم -Server-، حتى أتأكد من أنها هي التي اخترت -مثال الصور المرفقة مع الأسئلة هنا في موقع أكاديمية حسوب-. كيف ذلك؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.