jqueryプラグインocuploadのワンクリックアップロード方法

この記事では、主に jquery プラグイン ocupload のワンクリックアップロード方法を共有します。これは良い参考値であり、皆様のお役に立てれば幸いです。編集者をフォローして見てみましょう。

jquery ocupload (ワンクリックアップロード) の使用法:

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

jquery ocupload ワンクリックアップロードの原則:

隠しフォームフォームをカプセル化するアップロードボタンをクリックします。フォームの enctype 属性は multipart/form- です。データの場合、フォーム送信方法は送信後です。> フォームが送信されるときに、onChange イベント監視を使用します。内部に隠された iframe は実装されています。更新ページ ファイルのアップロードはありません。

jquery ocupload のフロント ページの書き込み:

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

バックグラウンド ページは、アップロードされたファイルを受信して​​解析します...

関連する推奨事項:

【JavaScript】——ワンクリックアップロードプラグイン

jquery ocuploadワンクリックファイルアップロードアプリ

jQueryプラグインの使い方OCUploadワンクリックアップロード

以上がjqueryプラグインocuploadのワンクリックアップロード方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。