בקשת מידע | טיפול בקבצים ב-JavaScript
-
בוקר מוצלח לכל משתמשי הפורום הנפלא הזה!!!
אשמח מאד אם מישהו יוכל לעזור לי וללמד אותי איך מטפלים בקבצים בג'אוה סקריפט, היינו איך טוענים קובץ מהמחשב בלי להשתמש בחלון קופץ (הפקודה ShowOpenFilePicker()), איך מקבלים מידע על קבצים ועל תיקיות, איך מוחקים ומעבירים קבצים - ובקיצור איך משתמשים בשפע הפונקציות שיש לך בספרית System.IO.File.
תודה רבה מראש!!! -
בוקר מוצלח לכל משתמשי הפורום הנפלא הזה!!!
אשמח מאד אם מישהו יוכל לעזור לי וללמד אותי איך מטפלים בקבצים בג'אוה סקריפט, היינו איך טוענים קובץ מהמחשב בלי להשתמש בחלון קופץ (הפקודה ShowOpenFilePicker()), איך מקבלים מידע על קבצים ועל תיקיות, איך מוחקים ומעבירים קבצים - ובקיצור איך משתמשים בשפע הפונקציות שיש לך בספרית System.IO.File.
תודה רבה מראש!!!@אלדד-הדני-0 כמובן שאי אפשר בJS בדפדפן (בשונה מ-nodejs שם יש את מודול fs) לעשות את כל מה שכתבת, וטוב מאוד שכך, מטעמי פרטיות ואבטחה. אפילו כשאתה בוחר קובץ לinput של file אין לך את נתיב הקובץ האמיתי...
אבל יש את File System Access API, באמצעותו תוכל לבקש מהמשתמש לבחור קובץ/תקיה ולהרשות לך לשלוט בה, ולאחר מכן תוכל לבצע שינויים ישירות בקבצים, קריאה/כתיבה ומחיקה, כמו שמימשו כאן. -
הקישורים שהבאת חסומים אצלי, אולי תוכל לבאר מה הוא ה-File System Acces API?
נ.ב. תודה רבה על ההיענות. -
@אלדד-הדני-0 כמובן שאי אפשר בJS בדפדפן (בשונה מ-nodejs שם יש את מודול fs) לעשות את כל מה שכתבת, וטוב מאוד שכך, מטעמי פרטיות ואבטחה. אפילו כשאתה בוחר קובץ לinput של file אין לך את נתיב הקובץ האמיתי...
אבל יש את File System Access API, באמצעותו תוכל לבקש מהמשתמש לבחור קובץ/תקיה ולהרשות לך לשלוט בה, ולאחר מכן תוכל לבצע שינויים ישירות בקבצים, קריאה/כתיבה ומחיקה, כמו שמימשו כאן.@צדיק-תמים תודה רבה על המידע!
-
הקישורים שהבאת חסומים אצלי, אולי תוכל לבאר מה הוא ה-File System Acces API?
נ.ב. תודה רבה על ההיענות.@אלדד-הדני-0 כתב בבקשת מידע | טיפול בקבצים ב-JavaScript:
מה הוא ה-File System Acces API?
זהו API לטיפול בקבצים. מעשית: כמה פונקציות להתעסקות עם קובץ שהמשתמש בוחר בבוחר הקבצים (שנפתח ע"י
()showOpenFilePicker).בקישור הראשון ש @צדיק-תמים הביא יש תיעוד מסודר של כל האפשרויות.
אפשר לשלוח לך את הדף במייל. -
@אלדד-הדני-0 כתב בבקשת מידע | טיפול בקבצים ב-JavaScript:
מה הוא ה-File System Acces API?
זהו API לטיפול בקבצים. מעשית: כמה פונקציות להתעסקות עם קובץ שהמשתמש בוחר בבוחר הקבצים (שנפתח ע"י
()showOpenFilePicker).בקישור הראשון ש @צדיק-תמים הביא יש תיעוד מסודר של כל האפשרויות.
אפשר לשלוח לך את הדף במייל.@שלום-עולם לא בדיוק, הוא צריך להשתמש ב
showDirectoryPickerכדי לקבל גישה לתקיה וכל הקבצים שבתוכה
https://developer.mozilla.org/en-US/docs/Web/API/Window/showDirectoryPicker
https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryHandle
showOpenFilePicker טוען קובץ בודד שזה הוא כתב שלא מתאים לו -
@שלום-עולם לא בדיוק, הוא צריך להשתמש ב
showDirectoryPickerכדי לקבל גישה לתקיה וכל הקבצים שבתוכה
https://developer.mozilla.org/en-US/docs/Web/API/Window/showDirectoryPicker
https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryHandle
showOpenFilePicker טוען קובץ בודד שזה הוא כתב שלא מתאים לו@צדיק-תמים ככה זה כשקוראים תשובה בלי שאלה.
-
@אלדד-הדני-0 כתב בבקשת מידע | טיפול בקבצים ב-JavaScript:
מה הוא ה-File System Acces API?
זהו API לטיפול בקבצים. מעשית: כמה פונקציות להתעסקות עם קובץ שהמשתמש בוחר בבוחר הקבצים (שנפתח ע"י
()showOpenFilePicker).בקישור הראשון ש @צדיק-תמים הביא יש תיעוד מסודר של כל האפשרויות.
אפשר לשלוח לך את הדף במייל. -
פוסט זה נמחק!
@אלדד-הדני-0 זה לא עמוד אחד... באיזה סינון זה חסום?! אתה לא יכול לבקש שיפתחו?
תוכל למצוא על File System Acces API הרבה חומר ברשת, לדוגמה:
https://developer.chrome.com/articles/file-system-access/
https://css-tricks.com/getting-started-with-the-file-system-access-api/
אבל MDN (האתר שהבאתי) הוא הכי מוסמך ומסודר -
@אלדד-הדני-0 זה לא עמוד אחד... באיזה סינון זה חסום?! אתה לא יכול לבקש שיפתחו?
תוכל למצוא על File System Acces API הרבה חומר ברשת, לדוגמה:
https://developer.chrome.com/articles/file-system-access/
https://css-tricks.com/getting-started-with-the-file-system-access-api/
אבל MDN (האתר שהבאתי) הוא הכי מוסמך ומסודר@צדיק-תמים כתב בבקשת מידע | טיפול בקבצים ב-JavaScript:
@אלדד-הדני-0 זה לא עמוד אחד... באיזה סינון זה חסום?! אתה לא יכול לבקש שיפתחו?
אני כבול להגדרות חסימה של מנהל החשבון, ואתן לך להבין לבד שהוא לא מאד ישמח לאשר לי את האתרים האלו...
בכל מקרה - אולי תגיד לפחות אם זה ספריה שצריך לשתול בקוד או שזה מחלקה הקבועה כבר ב-JavaScript - שאם כן אולי אוכל ללמוד אותה בעצמי.
בכל מקרה, תודה ענקית לכל העוזרים והמסייעים!!! -
@צדיק-תמים כתב בבקשת מידע | טיפול בקבצים ב-JavaScript:
@אלדד-הדני-0 זה לא עמוד אחד... באיזה סינון זה חסום?! אתה לא יכול לבקש שיפתחו?
אני כבול להגדרות חסימה של מנהל החשבון, ואתן לך להבין לבד שהוא לא מאד ישמח לאשר לי את האתרים האלו...
בכל מקרה - אולי תגיד לפחות אם זה ספריה שצריך לשתול בקוד או שזה מחלקה הקבועה כבר ב-JavaScript - שאם כן אולי אוכל ללמוד אותה בעצמי.
בכל מקרה, תודה ענקית לכל העוזרים והמסייעים!!! -
@אלדד-הדני-0 זה מובנה בדפדפן, בתנאי שהוא תומך בפיצ'ר...
זה לא ספריה חיצונית ולא חלק מJavaScript עצמה אלא מימוש של הדפדפנים
בכל אופן שלחתי לך את הדפים בMDN על הנושא למייל שציינת, מקווה שזה יעזור לך...@צדיק-תמים יישר כח גדול על המייל! עזר ועוזר לי מאד!
 { const baseUrl = 'https://www.google.co.il/search?q=site:mitmachim.top'; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; function search(path = '') { const query = document.getElementById('bb-inp').value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, '_blank'); } }; let buttons = {}; buttons.searchAll = { label: `חיפוש ${type ? 'בכל הפורום' : ''}`, className: type ? 'btn-secondary' : 'btn-primary', callback: () => search() }; if (type === 'topic') { buttons.searchTopic = { label: 'חיפוש בנושא זה', className: 'btn-primary', callback: () => search(`/topic/${id}`) }; } else if (type === 'category') { buttons.searchCat = { label: 'חיפוש בקטגוריה זו', className: 'btn-primary', callback: () => search(`/category/${id}`) }; } buttons.cancel = { label: 'ביטול', className: 'btn-default' }; bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true }); })(); void (0);){kind=link}