###前提・実現したいこと
html javascript phpで画像や動画を削除する機能を作っています
チェックボックスにチェックをつける→削除ボタンを押す→チェックされた画像のソース(相対パス)をajaxでphpに送る→unlink()で削除
このサイトを参考にして
promise.allですべてajaxで送ったら更新するということをしたいのですが、
以下のエラーがでてきて進みません
エラーになっている行はjavascriptの後半に書かれています
###発生している問題・エラーメッセージ
Uncaught (in promise) ReferenceError: deleteFiles is not defined js/fileDelete.js:55 at http://localhost/jk3/kodomonojikan/js/fileDelete.js:55:6 at Promise (<anonymous>) at deleteFilesPromise (http://localhost/jk3/kodomonojikan/js/fileDelete.js:54:6) at http://localhost/jk3/kodomonojikan/js/fileDelete.js:44:31 at Array.forEach (native) at HTMLInputElement.<anonymous> (http://localhost/jk3/kodomonojikan/js/fileDelete.js:39:27) at HTMLInputElement.dispatch (http://localhost/jk3/kodomonojikan/jquery-3.0.0.min.js:3:9856) at HTMLInputElement.q.handle (http://localhost/jk3/kodomonojikan/jquery-3.0.0.min.js:3:7883)
###該当のソースコード
javascript
1$(function(){ 2 //フォームデータを一時保存する配列 3 var formDataArray = [] 4 //クリックした時にデータ送信 5 $('#delete').on('click',function(){ 6 //チェックボックス 7 var im = document.forms.fm.Checkbox; 8 var cnt = 0; 9 // Array オブジェクトを作成する 10 var img_id = new Array(); 11 //チェックボックスの数だけ繰り返す 12 for(var i = 0; i < im.length; i++){ 13 //チェックボックスにチェックがついてるか 14 console.log(im[i]); 15 console.log(im[i].checked); 16 if(im[i].checked){ 17 //チェックボックスのvalue(imgのidが入っている)をimg_idにプッシュ 18 console.log(im[i].value); 19 img_id.push(im[i].value); 20 //チェックついてる数を数える 21 cnt++; 22 } 23 } 24 //チェックついてる数だけ繰り返す 25 console.log(cnt); 26 for(var i = 0; i < cnt; i++){ 27 var formData = new FormData(); 28 console.log(img_id[i]); 29 var id = img_id[i]; 30 console.log(document.getElementById(img_id[i])); 31 //チェックのついている画像のソースをformDataにappend 32 formData.append('path',document.getElementById(img_id[i]).getAttribute("src")); 33 //formDataをArrayにpush 34 formDataArray.push(formData); 35 } 36 //入ってる配列を繰り返す 37 var promises = []; 38 formDataArray.forEach(function(formData){ 39 //画像のsrcが入っているか確認 40 console.log(formData.get("path")); 41 //ajaxで送る 42 //deleteFiles(resolve,formData); 43 promises.push(deleteFilesPromise(formData)); 44 }); 45 Promise.all(promises).then(function (results) { 46 location.reload(true); 47 }); 48 }); 49 function deleteFilesPromise(formData) { 50 new Promise(function (resolve, reject) { 51 deleteFiles(formData, function (err, result) {//エラーが出てるところ 52 //ajaxで送信 53 $.ajax({ 54 //POSTで送信 55 type: 'POST', 56 //ajaxが適切なcontentTypeに自動変換するのを防ぐ 57 contentType: false, 58 //データを文字列に自動変換するのを防ぐ 59 processData: false, 60 //送信先 61 url: './delete.php', 62 //送るデータ 63 data: formData, 64 //通信成功時に呼ばれる 65 //data 接続先PHPファイルが出力したデータ 66 success: function(data,dataType) { 67 console.log("成功" +data); 68 //res(formData); 69 resolve(formData); 70 }, 71 //通信失敗時に呼ばれる 72 //XMLHttpRequest.status HTTPステータス 73 //textStatus timeout、error、parsererror等の文字列 74 //errorThrown 例外情報 75 error: function(XMLHttpRequest, textStatus, errorThrown){ 76 console.log(XMLHttpRequest + " : " + textStatus + " : " + errorThrown); 77 reject(err); 78 } 79 }); 80 //} 81 }); 82 }); 83 } 84});
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/24 04:27
2017/05/24 04:32