Lösung für die Upload-Einschränkung von Element-ui-Uploaddateien

Frage

Die Angabe des Typs der hochgeladenen Datei bei Akzeptieren spielt nur eine "oberflächliche" Rolle. Nach Auswahl von "alle Dateien" können Sie weiterhin beliebige Dateitypen hochladen, was keinerlei einschränkende Wirkung hat.

Lösung

Treffen Sie eine Entscheidung im Hook vor dem Hochladen (der Hook vor dem Hochladen von Dateien, der Parameter ist die hochgeladene Datei, wenn er „false“ zurückgibt oder ein Promise zurückgibt und abgelehnt wird, wird der Upload gestoppt.) Hier gibt es eine Falle. Wenn Sie :auto-upload="false" festlegen, wird dieser Hook nicht ausgelöst, sodass Sie auch bei einer Änderung eine Entscheidung treffen können.

Zum Code

// :before-upload oder :on-change Bindungsmethode beforeUpload(file, fileList) {
   if (file.size / (1024 * 1024) > 500) { // Dateigröße begrenzen this.$message.warning(`Die aktuelle maximale Dateigröße kann nicht größer als 500 MB sein`)
     return false
   }
   
   let suffix = this.getFileType(file.name) //Dateisuffix abrufen let suffixArray = ['jpg', 'png', 'jpeg', 'gif'] //Begrenzte Dateitypen, definieren Sie sie je nach Situation if (suffixArray.indexOf(suffix) === -1) {
     diese.$nachricht({
       Meldung: 'Dateiformatfehler',
       Typ: "Fehler",
       Dauer: 2000
     })
   }
   SuffixArray zurückgeben
 },
 getFileType(name) {
   let startIndex = name.lastIndexOf('.')
   wenn (startIndex !== -1) {
     returniere name.slice(startIndex + 1).toLowerCase()
   } anders {
     zurückkehren ''
   }
 }

Dies ist das Ende dieses Artikels über die Lösung für die Upload-Dateibeschränkungen von Element-ui. Weitere Informationen zu den Upload-Beschränkungen von Element finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!