ホームページ >ウェブフロントエンド >jsチュートリアル >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 サイトの他の関連記事を参照してください。