استيراد ملف نص عادي باستخدام HTML5 و JavaScript

Question

أنا جديد على JavaScript ، لذا سامحني إذا كانت الإجابة على هذا السؤال واضحة.

أحاول إعداد وظيفة استيراد لتطبيق ويب محرر نصوص.

قانون بلدي على النحو التالي:

function dataImport() {
    confirm("Are you sure you want to import the selected file? This will overwrite any data that is currently saved in the application workplace.");
    var fileReader = new FileReader();
    window.localStorage.setItem("AppData", fileReader.readAsText(document.querySelector("#import-selector").value));
};

ويجب تنشيطه بواسطة:

<input id="import-selector" type="file" /><button id="import-button" onclick="dataImport();">Import File</button>

بدلاً من كتابة محتويات الملف إلى LocalStorage ، فإنه يكتب مجرد كلمة "غير محددة". لقد حدث ذلك نوعًا ما من الخطأ ، لكنني لست متأكدًا من ما هو عليه.

شكرا للتقدم في مساعدتكم و نصحيتكم.

Answer 1

لم أسمع من قبل lick الحدث في HTML. ربما يكون شيئًا جديدًا على HTML5 ؛)

حاول تغيير الخاص بك onlick="... تشغيل ل onclick="...

ربما هذا سوف يعمل؟

---

الآن بعد أن تم إصلاح هذا ، جرب هذا المثال: Chrome FileReader

حاولت ذلك وأنه يعمل بلا عيب. يقوم بإخراج محتويات الملف في وحدة تحكم الخطأ.

حظا طيبا وفقك الله!