###前提・実現したいこと
動画をアップロードする機能を作っています
動画がいくつあるかcntで数えて0だったらファイル選択ボタンを表示するというのをしたいのですが、console.logでたしかに通ったのにcntがプラスされませんでした。
###該当するソースコード
javascript
1 var cnt = 0;//カウント変数 2 //送るファイル全てに対してのループ処理 3 filesArray.forEach(function(file) { 4 var formData = new FormData(); 5 //フォームデータにkey:fileでファイルの関連付け 6 formData.append('file',file); 7 //フォームデータにkey:tagでファイルの関連付け 8 formData.append('tag',document.forms.form1.tagselect.value); 9 console.log(formData.get('tag')); 10 //フォームデータをフォームデータ一時保存配列に保持 11 formDataArray.push(formData); 12 //FileReaderのインスタンス作成 13 var reader = new FileReader(); 14 //読み込み処理を行った際、一度だけ実行 15 $(reader).one('load',function(event){ 16 //MIMEタイプの最初から5文字取得 imageとvideoとその他を分けるため 17 var type = file.type.slice(0,5); 18 if(!(type == 'video')){ 19 window.alert('動画以外の形式です、動画をアップロードしましょう。'); 20 formData.delete('file'); 21 }else{ 22 cnt++;//ここでカウントする 23 console.log('通りましたよ'); 24 //fileViewに動画追加 25 //サムネイル風になる 26 $('#fileView').append('<div class="view-contaier"> <div> <video src="' + event.target.result + '"></div> <span> 動画 </span> </div>'); 27 } 28 }); 29 //DataURLでファイルを読み込む 30 reader.readAsDataURL(file); 31 //アップロード処理 32 //uploadFiles(formData); 33 }, this); 34 if(cnt == 0){ 35 //動画を隠す 36 $('#fileView').hide(); 37 window.alert('動画はありませんでした'); 38 //選択ボタンを表示 39 $('#file').show(); 40 41 } 42
###試したこと
課題に対してアプローチしたことを記載してください
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/22 09:29 編集
2017/05/22 09:36
2017/05/22 10:57