السلام عليكم...لدي سؤال بخصوص File System Access API
اود من خلال الاداة اعلاه ان اوفر خاصية قراءة ملفات نصية متعددة. قمت بذلك على النحو التالي:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tweet</title>
</head>
<body>
<button onclick="getFile();">My Butten</button>
<pre id="textarea" contenteditable></pre>
<script>
let fileHandle;
const pickerOpts = {
multiple: true
};
async function getFile() {
[fileHandle] = await window.showOpenFilePicker(pickerOpts);
//console.log(fileHandle);
let fileContent = await fileHandle.getFile();
let content = await fileContent.text();
textarea.innerText = content;
}
</script>
</body>
</html>
من خلال الشيفرة اعلاه يمكنني اختيار ملفات متعددة ولكن المشكلة ان الادة تقوم بعرض ملف واحد من الملفات المختارة، بحثت كثيرا ولم اجد حل، قرأت التوثيق الخاص بالأداة فلم استفد كثيرا في ما يخص هذا الامر.
كيف يمكنني الوصول لمحتوى جميع الملفات التي اقوم بإختيارها؟
ملاحظة: اعلم ان هناك طرق اخرى لفعل ذلك ولكنني اود استخدام الاداة اعلاه.
شكرا لكم...
التعليقات