- Ανέβασμα
🧬 Συγκεντρώστε τα συστατικά
Ανέβασμα
ContributeΜεταφόρτωση
Το στοιχείο μεταφόρτωσης χρησιμοποιείται για να επιτρέπει στους χρήστες να ανεβάζουν αρχεία από τις τοπικές μηχανές τους σε οποιοδήποτε χώρο αποθήκευσης cloud μέσω API. Στη συνέχεια, θα παρουσιάσουμε πώς να ρυθμίσετε ένα στοιχείο μεταφόρτωσης, πώς να συσχετίσετε το στοιχείο μεταφόρτωσης με μια υπηρεσία αποθήκευσης στο cloud, πώς να χρησιμοποιήσετε το στοιχείο μεταφόρτωσης για να επιλέξετε μια εικόνα και να το εμφανίσετε με μια εικόνα, κλπ.
Ιδιότητες
| Ιδιότητα | Περιγραφή |
|---|---|
| Τύπος | Ορίστε τον τύπο του στοιχείου μεταφόρτωσης, συμπεριλαμβανομένων των κουμπιών και Dropzone. |
| Κείμενο | Το κείμενο που εμφανίζεται στην εφαρμογή μεταφόρτωσης. |
| Τύποι επιλογής | Ορίστε τον τύπο επιλογής σε πολλαπλά αρχεία, ένα αρχείο ή κατάλογο. |
| Τύποι αρχείων | Μια λίστα με επεκτάσεις αρχείων επιτρέπεται να μεταφορτώσουν. Καμία τιμή δεν θα επιτρέπει όλους τους τύπους αρχείων. |
| Προσάρτηση νέων επιλεγμένων αρχείων | Για να ορίσετε το επιλεγμένο νέο αρχείο που θα προσαρτηθεί στο επιλεγμένο αρχείο ή να αντικαταστήσετε το επιλεγμένο αρχείο στον τύπο επιλογής πολλαπλών αρχείων ή καταλόγου. |
| Λίστα αρχείων | Για να ορίσετε αν θα εμφανίζεται μια λίστα με τα επιλεγμένα αρχεία κάτω από την εφαρμογή μεταφόρτωσης. Το ύψος του uploader θα αλλάξει δυναμικά με βάση το μήκος της λίστας αρχείων. |
| Τιμή Ανάλυσης | Προσπάθεια ανάλυσης των επιλεγμένων αρχείων, με υποστήριξη για αρχεία JSON, CSV, TSV, Excel, και TXT. Μπορούν να προσπελαστούν τα αναλυμένα δεδομένα μέσω του {{upload1.parsedValue}}. Τα αρχεία που δεν μπορούν να αναλυθούν θα είναι κενά στον πίνακα. Όλα τα αρχεία είναι διαθέσιμα ως base64 κωδικοποιημένες συμβολοσειρές στον πίνακα τιμών, ανεξάρτητα από αυτή την επιλογή. |
| Φόρτωση | Αν το στοιχείο θα εμφανίζει μια ένδειξη φόρτωσης. |
| Απενεργοποιημένο | Για να ορίσετε αν θα απενεργοποιήσετε αυτό το στοιχείο και κάτω από ποιες συνθήκες θα το απενεργοποιήσετε. Για παράδειγμα, αν το συστατικό εισόδου1 είναι κενό, αυτό το στοιχείο θα πρέπει να απενεργοποιηθεί: {◆ input1.value == ‘ ‘}} |
| Υπόδειξη | Μια υπόδειξη που εμφανίζεται στο στοιχείο όταν οι χρήστες αιωρούνται πάνω από το στοιχείο. |
| Απαιτούμενο πεδίο | Για να ορίσετε αν αυτό απαιτείται. |
| Min size | Για να ορίσετε το ελάχιστο μέγεθος αρχείου που επιτρέπεται να προστεθεί. |
| Max size | Για να ορίσετε το μέγιστο μέγεθος αρχείου που επιτρέπεται να προστεθεί. |
| Προσαρμοσμένοι κανόνες | Για να ορίσετε το κείμενο που θα εμφανίζεται όταν αποτύχει η επαλήθευση. |
| Απόκρυψη μηνύματος επικύρωσης | Για να ορίσετε αν θα εμφανίζεται το μήνυμα επικύρωσης όταν αποτύχει η επαλήθευση. |
| Πλήκτρο Δεδομένων Φόρμας | Για να ορίσετε ένα κλειδί για την εφαρμογή. Μετά την προσθήκη αυτού του στοιχείου σε μια φόρμα, αυτό το κλειδί θα χρησιμοποιηθεί για τον προσδιορισμό των δεδομένων αυτού του στοιχείου κατά την υποβολή της φόρμας. |
| Hidden | Για να ορίσετε αν θα εμφανίζεται αυτό το εξάρτημα και υπό ποιες συνθήκες θα εμφανίζεται. Για παράδειγμα, εάν ο τρέχων χρήστης δεν είναι χρήστης Α, αυτό το στοιχείο θα πρέπει να είναι κρυμμένο: {//currentUserInfo.nickname != ‘User A’ }} |
| Παραλλαγή | Για να ορίσετε το στοιχείο Μεταφόρτωση κουμπιού στο Περίγραμμα ή γεμίστηκε. |
| Χρώμα θέματος | Για να ορίσετε το χρώμα του στοιχείου Μεταφόρτωση κουμπιού. |
Μέθοδος
Μπορείτε να χρησιμοποιήσετε άλλα στοιχεία για να ελέγξετε την εφαρμογή Μεταφόρτωση. Υποστηρίζουμε τις ακόλουθες τρεις μεθόδους:
| καθαρισμόςΕπικύρωση | Χρησιμοποιείται για την εκκαθάριση του μηνύματος επικύρωσης |
|---|---|
| εκκαθάρισηΤιμή | Χρησιμοποιείται για τον καθαρισμό του επιλεγμένου |
| setΑπενεργοποιημένο | Χρησιμοποιείται για να ορίσετε τη μεταφόρτωση της εφαρμογής σε απενεργοποιημένη ή ενεργοποιημένη |
Χειριστής συμβάντων
Για την ενεργοποίηση ενεργειών όταν αλλάζουν τα επιλεγμένα αρχεία
Δεδομένα του Uploader
Το στοιχείο μεταφόρτωσης έχει κάποια ευρέως χρησιμοποιούμενα δεδομένα, τα οποία μπορούν να κληθούν στην εφαρμογή.
value ένας πίνακας που αποτελείται από τα δεδομένα base64 των αρχείων.
files μια σειρά αντικειμένων. Τα πλήκτρα των αντικειμένων περιλαμβάνουν lastModified, name, size, type. Μπορείτε να χρησιμοποιήσετε το {{upload1.files.map(αρχείο =>αρχείο. ame)}} για να πάρετε μια σειρά από ονόματα αρχείων και μπορείτε επίσης να πάρετε τον τελευταίοτροποποιημένο πίνακα, τον πίνακα μεγέθους, τον πίνακα τύπου με τον ίδιο τρόπο.
Ανεβάστε αρχεία σε μια υπηρεσία αποθήκευσης cloud
Ανεβάστε ένα μόνο αρχείο μέσω ενός πόρου S3
Η διαμόρφωση της δράσης είναι η ακόλουθη.
Ανεβάστε όνομα αντικειμένου
{{upload1.files.map(file =>file.name)[0]}}Μεταφόρτωση δεδομένων
{{upload1.value[0]}}
Μεταφόρτωση πολλαπλών αρχείων μέσω ενός πόρου S3
Μεταφόρτωση λίστας ονόματος αντικειμένου
{{upload1.files.map(file =>file.name)}}Μεταφόρτωση λίστας δεδομένων
{{upload1.value}}
Ανεβάστε μια εικόνα και να την εμφανίσετε στο στοιχείο της εικόνας Αλλάξτε την πηγή της εικόνας στο αρχείο base64 δεδομένα της εφαρμογής μεταφόρτωση. Τα base64 δεδομένα αποθηκεύονται στο χαρακτηριστικό τιμής στον πίνακα. Και θα πρέπει να συνδέσουμε το πρόθεμα αρχείου με τα δεδομένα αρχείου. Ο κώδικας είναι ο ακόλουθος.
{{'data:image/jpeg;base64,'+upload1.value[0]}}