Πρώτα απ 'όλα, θα ήθελα να δηλώσω ότι πρόκειται για μια δευτερεύουσα ενθυλάκωση του στοιχείου ελέγχου μεταφόρτωσης ανοιχτού κώδικα WebUploader και το υποκείμενο επίπεδο εξακολουθεί να υλοποιείται από το WebUploader, απλώς για να το χρησιμοποιήσω πιο συνοπτικά.
Ας ρίξουμε μια ματιά στο WebUploader
Εισαγωγή:
Το WebUploader είναι ένα απλό σύγχρονο στοιχείο μεταφόρτωσης αρχείων που βασίζεται σε HTML5 που αναπτύχθηκε από την ομάδα Baidu WebFE (FEX). Στα σύγχρονα προγράμματα περιήγησης, μπορεί να δώσει πλήρη απόδοση στα πλεονεκτήματα της HTML5, ενώ δεν εγκαταλείπει το κύριο πρόγραμμα περιήγησης IE, χρησιμοποιώντας τον αρχικό χρόνο εκτέλεσης FLASH, συμβατό με IE6+, iOS 6+ και Android 4+. Η ίδια μέθοδος κλήσης μπορεί να χρησιμοποιηθεί από τους χρήστες ανά πάσα στιγμή, όταν τα δύο σύνολα χρόνων εκτέλεσης είναι διαθέσιμα.
Η χρήση μεγάλων θραυσμάτων αρχείων και η ταυτόχρονη μεταφόρτωση βελτιώνει σημαντικά την αποτελεσματικότητα μεταφόρτωσης αρχείων.
Επίσημη διεύθυνση ιστότοπου: http://fex.baidu.com/webuploader/
Εάν ενδιαφέρεστε να παίξετε μόνοι σας, μπορείτε να μεταβείτε απευθείας στον επίσημο ιστότοπο
Ας ξεκινήσουμε το κείμενο:
Από τα παραπάνω, μπορούμε να δούμε ότι η λειτουργία WebUploader της Baidu είναι πράγματι πολύ ισχυρή, αλλά όπως όλα τα στοιχεία ελέγχου μεταφόρτωσης, είναι πιο δυσκίνητη στη χρήση, όπως τα ακόλουθα:
Πρέπει πρώτα να αναφέρετε ένα σωρό σχετικές βιβλιοθήκες,
Στη συνέχεια, γράψτε καλά το HTML
Δεν τα θέλουμε όλα αυτά!, μόνο δύο προτάσεις, πάρτε το ανέβασμά μας. Ως εξής:
Έχω γράψει ότι το στυλ bootstrap css θα αναφέρεται αυτόματα,
Υποστήριξη πολλαπλών μεταφορτώσεων αρχείων,
Αυτόματη αναγνώριση διπλών αρχείων,
Προαιρετική αυτόματη μεταφόρτωση και μη αυτόματη μεταφόρτωση,
Μπορείτε να αποδώσετε πολλά στοιχεία ελέγχου μεταφόρτωσης σε μια σελίδα χωρίς διένεξη
Στη συνέχεια, ορισμένες παράμετροι διαμόρφωσης που σχετίζονται με το WebUploader μπορούν να διαμορφωθούν μόνοι σας.
Ας πάμε απευθείας στο γραφικό στοιχείο JS που συσκεύασα (λίγο ακατάστατο, ας το κάνουμε):
Ορισμένες σχετικές και πιο σημαντικές παράμετροι έχουν γραφτεί με σημειώσεις και μπορείτε να ανατρέξετε σε αυτές μόνοι σας.
Τότε ας τον χρησιμοποιήσουμε.
Γράψτε το JS και το HTML μας ως εξής:
Δεν πειράζει, αξίζει να σημειωθεί
Για τις παραμέτρους στο powerWebUpload, ανατρέξτε στο API στον επίσημο ιστότοπο
Η μέθοδος GetFilesAddress() θα επιστρέψει μια σειρά από διαδρομές αρχείων μετά τη μεταφόρτωση και μπορείτε να την αποκτήσετε μόνοι σας.
Τέλος, το τελευταίο demo που έγραψα, που υλοποιήθηκε χρησιμοποιώντας Asp.net MVC, μπορείτε να το κατεβάσετε μόνοι σας:
Netdisk Baidu:
Σύνδεσμος: http://pan.baidu.com/s/1o8B0xOQ Κωδικός πρόσβασης: 9kws
Πρωτότυπο: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Δημοσιεύτηκε στις 27/6/2016 3:13:30 μ.μ.
|
|
|
|
Δημοσιεύτηκε στις 4/5/2020 9:03:04 μ.μ.