Σε αυτό το άρθρο, μιλάω για δύο διαφορετικούς τρόπους επεξεργασίας μεταφορτώσεων αρχείων και φακέλων με μεταφορά και απόθεση:προσέγγιση βάσει FileSystemHandleβασισμένη και προσέγγιση βάσει FileSystemEntry. Κάθε μία από αυτές τις προσεγγίσεις έχει τα δικά της πλεονεκτήματα και μειονεκτήματα. Στην ιδανική περίπτωση, θα πρέπει να βασιστείτε σε ένα μείγμα από αυτά για να αξιοποιήσετε το καλύτερο και από τις δύο προσεγγίσεις.



Μέθοδος αναδρομικής JavaScript για την επεξεργασία πτώσεων πολλαπλών καταλόγων σε μια λειτουργία μεταφόρτωσης Drag-n-drop
Σε αυτό το άρθρο, εξηγώ μια απλή, αλλά αποτελεσματική μέθοδο για την αναδρομική λήψη του περιεχόμενα καταλόγων…rinkesh-patel.medium.com



Για να δείτε την Προσέγγιση FileSystemHandle σε δράση, μη διστάσετε να κάνετε την προηγούμενη ανάρτησή μου σχετικά με αυτό. Αυτή η ανάρτηση περιέχει επίσης έναν σύνδεσμο προς το Stackblitz demo.Σε αυτό το άρθρο, παρουσιάζω την προσέγγιση FileSystemEntry για την επεξεργασία μεταφορτώσεων καταλόγου. Συγκρίνω επίσης και τις δύο προσεγγίσεις για την επεξεργασία μεταφορτώσεων καταλόγου με μεταφορά και απόθεση.

Συμφραζόμενα

Όταν σύρετε και αποθέτετε στοιχεία σε μια αναπτυσσόμενη ζώνη, τα μεμονωμένα στοιχεία αντιπροσωπεύονται από διεπαφές DataTransferItem. Για να ανεβάσετε ένα αρχείο στον διακομιστή, χρειάζεστε ένα αντικείμενο Αρχείο για το σχετικό αρχείο. Για να ανεβάσετε έναν κατάλογο(φάκελο) στον διακομιστή, χρειάζεστε αντικείμενα αρχείου για όλα τα περιεχόμενά του.

Διαδήλωση

Κώδικας Stackblitz



Αναδρομική μέθοδος για τη λίστα αρχείων καταλόγου (FileSystemEntry Approach) - StackBlitz
Ένα έργο angular-cli που βασίζεται σε @angular/animations, @angular/compiler, @angular/core, @ angular/common…stackblitz.com



Σύγκριση προσεγγίσεων FileSystemHandle και FileSystemEntry

Περίληψη

Για να συνοψίσω, έχω παρουσιάσει δύο διαφορετικούς τρόπους επεξεργασίας των μεταφορτώσεων καταλόγου με μεταφορά και απόθεση και επίσης τους συνέκρινα δίπλα-δίπλα σε 4 σημαντικές παραμέτρους. Ο στόχος είναι να δοθεί η λειτουργική επίδειξη και για τις δύο προσεγγίσεις, την οποία μπορείτε να επισκεφτείτε μέσω των συνδέσμων επίδειξης stackblitz. Ο στόχος είναι επίσης να σας διευκολύνουμε να αποφασίσετε ποια προσέγγιση θα χρησιμοποιήσετε.

Μην διστάσετε να αφήσετε τις σκέψεις σας. Ευχαριστούμε για την ανάγνωση.