ユーザ用ツール

サイト用ツール


プログラム言語:javascript_jquery:dropzonejs:1枚制限のやり方

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

次のリビジョン
前のリビジョン
プログラム言語:javascript_jquery:dropzonejs:1枚制限のやり方 [2018/11/02 15:44]
yusuke_komori 作成
プログラム言語:javascript_jquery:dropzonejs:1枚制限のやり方 [2018/11/05 16:39] (現在)
yusuke_komori [jQuery]
行 1: 行 1:
 ====== 1枚制限のやり方 ====== ====== 1枚制限のやり方 ======
 +DropzoneJSにて、アップロードできるファイル数を1枚に制限するやり方。
 ===== Javascript ===== ===== Javascript =====
 <code> <code>
 <html> <html>
 <head> <head>
 +<meta charset="utf-8">
 <script src="js/dropzone.js"></script> <script src="js/dropzone.js"></script>
 <style> <style>
-li {+div#myId {
     background-color:#333;     background-color:#333;
     color:#fff;     color:#fff;
行 27: 行 29:
     maxFiles: 1,     maxFiles: 1,
     maxfilesexceeded: function(file) {     maxfilesexceeded: function(file) {
-        alert("No more files please!");+        alert('アップロードできる画像は' + this.options.maxFiles + 'つです。');
         this.removeFile(file);         this.removeFile(file);
     },     },
行 48: 行 50:
 <html> <html>
 <head> <head>
 +<meta charset="utf-8">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script src="js/dropzone.js"></script> <script src="js/dropzone.js"></script>
行 79: 行 82:
     maxFiles: 1,     maxFiles: 1,
     maxfilesexceeded: function(file) {     maxfilesexceeded: function(file) {
-        alert("No more files please!");+        alert('アップロードできる画像は' + this.options.maxFiles + 'つです。');
         this.removeFile(file);         this.removeFile(file);
     },     },
行 86: 行 89:
 </body> </body>
 </html> </html>
 +</code>
 +===== up.php(アップロード処理) =====
 +<code>
 +<?php
 +if (isset($_FILES['file_test'])) {
 +    // アップロード処理
 +}
 </code> </code>
  
プログラム言語/javascript_jquery/dropzonejs/1枚制限のやり方.1541141094.txt.gz · 最終更新: 2018/11/02 15:44 by yusuke_komori