يتم استخدامه لقراءة الملف في الذاكرة وقراءة البيانات في الملف. توفر واجهة FileReader واجهة برمجة تطبيقات غير متزامنة تستخدم واجهة برمجة التطبيقات هذه للوصول إلى نظام الملفات غير المتزامن في مؤشر ترابط المتصفح الرئيسي لقراءة البيانات في الملف. في الوقت الحاضر ، قام فقط FF3.6+و Chrome6.0+بتنفيذ واجهة FileReader.
1. طريقة واجهة FileReaderهناك 4 طرق لواجهة FileReader ، يتم استخدام ثلاثة منها لقراءة الملفات ، والآخر يستخدم لمقاطعة القراءة. بغض النظر عن النجاح أو الفشل ، لن تعود الطريقة إلى نتائج القراءة.
طريقة واجهة FileReader
اسم الطريقة | المعلمة | يصف |
---|---|---|
ReadAsbinaryString | ملف | اقرأ الملف في الترميز الثنائي |
ReadastExt | ملف ، [الترميز] | اقرأ الملف كنص |
readasdataurl | ملف | اقرأ الملف باسم Dataurl |
إحباط | (لا أحد) | عملية القراءة الطرفية |
تحتوي واجهة FileReader على نموذج حدث كامل لالتقاط الحالة عند قراءة الملف.
حدث واجهة FileReader
حدث | يصف |
onabort | مقاطعة |
onerror | يخطئ |
OnloadStart | يبدأ |
Onprogress | يقرأ |
onload | قراءة بنجاح |
onloadend | مكتمل ، بغض النظر عما إذا كان النجاح والفشل |
<script type = text/javaScript> var = document.getElementByid (file) ؛ P> لا يدعم متصفحك واجهة FileReader! </p> ؛ if (!/// w+/. test (file.type)) من البيانات urll reader.readasdataurl (ملف) ؛ } readAsbinaryString () {var file. النتيجة) ؛ reader.Readastext (ملف) ؛ > يرجى تحديد ملف: </label> <إدخال نوع = معرف الملف = ملف/> <إدخال نوع = زر إدخال = اقرأ الصورة onClick = readAsdatarl ()/> <type type = button value = اقرأ البيانات الثنائية onClick = readAsbinaryString () /> <type type = button value = قراءة الملف النصي onClick = readastext () /> </p> <div id = result name = result> </viv>لخص
ما سبق هو مثال على ذلك في HTML5 التي قدمها Xiaobian لك. شكرا جزيلا لدعمكم لموقع VEVB Wulin!