Heim > Web-Frontend > js-Tutorial > Hauptteil

Ein-Klick-Upload-Methode für das JQuery-Plug-In Ocupload

零到壹度
Freigeben: 2018-03-29 14:48:58
Original
2522 Leute haben es durchsucht

Dieser Artikel teilt Ihnen hauptsächlich die Ein-Klick-Upload-Methode des JQuery-Plug-Ins ocupload mit. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.

Verwendung von jquery ocupload (Upload mit einem Klick):

<!-- 导入jquery核心类库 -->
<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
<!-- 导入文件上传的ocupload -->
<script type="text/javascript" src="../../js/ocupload/jquery.ocupload-1.1.2.js"></script>
Nach dem Login kopieren

Prinzip des Hochladens mit einem Klick von Jquery ocupload:

Klicken Sie auf die Schaltfläche zum Hochladen Eingekapselt in einem versteckten Formular. Das enctype-Attribut des Formulars ist multipart/form-data. Die Formularübermittlungsmethode ist Postübermittlung. Es gibt ein Eingabefeld im Formular " name="file"/ >, verwenden Sie die onChange-Ereignisüberwachung. Wenn das Formular gesendet wird, realisiert der darin verborgene Iframe das Hochladen der Seitendatei ohne Aktualisierung.

jquery ocupload Titelseite schreiben:

$("#button-import").upload({
	//name 默认为file
	action : 文件上传的后台路径,
	onSelect : function(){
	    //选中文件关闭自动提交
	    this.autoSubmit = false;
	    //判定文件格式
	    var filename = this.filename();
	    var regex = 通过文件后缀名规定文件类型的正则;
	    if(regex.test(filename)) {
	        //满足正则表达式
	        this.submit();
	    }else{
	        $.messager.alert("警告!","..","warning");
	    }
	},
	onComplete : function(response){
	    alert("上传成功...");
	}
});
Nach dem Login kopieren

Die Hintergrundseite empfängt und analysiert hochgeladene Dateien...

Verwandte Empfehlungen:

[JavaScript] – 1-Schlüssel-Upload-Plug-in

jquery ocupload Ein-Klick-Datei-Upload-Anwendung

Verwendung des jQuery-Plug-ins in OCUpload One-Click-Upload

Das obige ist der detaillierte Inhalt vonEin-Klick-Upload-Methode für das JQuery-Plug-In Ocupload. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage