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

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>

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("上传成功...");
	}
});

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!