Méthode de téléchargement en un clic du plug-in jquery ocupload

Cet article partage principalement avec vous une méthode de téléchargement en un clic du plug-in jquery ocupload. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l’éditeur et jetons un coup d’œil.

Utilisation de jquery ocupload (téléchargement en un clic) :

<!-- 导入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>

Principe de téléchargement en un clic de Jquery ocupload :

Cliquez sur le bouton de téléchargement, qui est encapsulé à l'intérieur d'un formulaire caché. L'attribut enctype du formulaire est multipart/form-data. La méthode de soumission du formulaire est post-soumission. Il y a une zone de saisie dans le formulaire-->7a0230f02c8360c4e16bb0cbc26c5899, utilisez la surveillance des événements onChange, lorsque le formulaire est soumis, l'iframe cachée à l'intérieur réalise le téléchargement du fichier de page sans actualisation.

La première page de jquery ocupload est écrit :

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

La page d'arrière-plan reçoit et analyse les fichiers téléchargés...

Recommandations associées :

[JavaScript] - Plug-in de téléchargement de 1 clé

jquery ocupload application de téléchargement de fichiers en un clic

Utilisation de Plug-in jQuery OCUpload téléchargement en un clic

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!