質問失礼します。
あるページがあり、そのぺージに設置された「ファイル一括ダウンロード」ボタンをクリックした際、
ajaxが動作しファイルをダウンロードするphpのプログラムを実行したいのですが実行できません。
以下がソースコードです。
download-files.php
php
1$variableA = $_POST['variableA']; 2$variableB = $_POST['variableB']; 3$variableC = $_POST['variableC']; 4$variableD = $_POST['variableD']; 5$variableE = $_POST['variableE']; 6$variableF = $_POST['variableF']; 7 8$zip = new ZipArchive(); 9 10$zipFileName = $variableA.".zip"; 11 12$zipTmpDir = 'document/probationary'; 13 14$path = 'document/'.$variableE .'/'.$variableB .'/'.$variableD .'/'.$variableF ; 15 16$result = $zip->open($zipTmpDir.$zipFileName, ZIPARCHIVE::CREATE | ZIPARCHIVE::OVERWRITE); 17 18if ($result !== true) { 19 return false; 20} 21 22set_time_limit(0); 23 24$fpath_array_beta = array_diff(scandir($path), ['.', '..']); 25 26$fpath_array = array(); 27 28foreach ($fpath_array_beta as $key => $value) { 29 if(is_dir("$path/$value")){ 30 $path_sub = "$path/$value"; 31 $array_beta = array_diff(scandir($path_sub), ['.', '..']); 32 foreach ($array_beta as $key2 => $value2) { 33 array_push($fpath_array,"$path/$value/$value2"); 34 } 35 }else{ 36 array_push($fpath_array,"$path/$value"); 37 } 38} 39 40foreach ($fpath_array as $filepath) { 41 $path_len = mb_strlen('document/'.$variableE.'/'.$variableB.'/'.$variableFD.'/'.$variableF); 42 $zip_path = mb_substr($filepath, $path_len+1); 43 $zip->addFile($filepath, $zip_path); 44} 45 46$zip->close(); 47 48header('Content-Type: application/zip; name="' . $zipFileName . '"'); 49header('Content-Disposition: attachment; filename="' . $zipFileName . '"'); 50header('Content-Length: '.filesize($zipTmpDir.$zipFileName)); 51echo file_get_contents($zipTmpDir.$zipFileName); 52 53unlink($zipTmpDir.$zipFileName);
download-files.phpのファイルに直接アクセスするとダウンロードが行えます。
しかしこれだとページを開いた瞬間、勝手にダウンロードが必ず行われるため、
上記の記載の通り、「ファイル一括ダウンロード」ボタンをクリックしたらダウンロードを行いたいです。
そこで以下のajaxを設置しております。
download-files.phpファイルに記述されたJQuery
JavaScript
1$(document).ready(function() { 2 $('#bulk').click(function(){ 3 var formData = new FormData(); 4 5 var variableA = <?php echo json_encode($variableA); ?>; 6 formData.append("variableA",variableA); 7 var variableB = <?php echo json_encode($variableB); ?>; 8 formData.append("variableB",variableB); 9 var variableC= <?php echo json_encode($variableC); ?>; 10 formData.append("variableC",variableC); 11 var variableD= <?php echo json_encode($variableD); ?>; 12 formData.append("variableD",variableD); 13 var variableE= <?php echo json_encode($variableE); ?>; 14 formData.append("variableE",variableE); 15 var variableF= <?php echo json_encode($variableF); ?>; 16 formData.append("variableF",variableF); 17 18 $.ajax({ 19 type: "POST", 20 url: "download-files.php", 21 data: formData, 22 contentType: false, 23 cache: false, 24 processData: false, 25 }).done(function(data, textStatus, jqXHR){ 26 console.log(variableA+ variableB+ variableC+ variableD+ variableE+ variableF); 27 }); 28 }); 29});
要素#bulkをクリックするとconsole.logで変数はきちんと表示されます。
以上、原因がお分かりになる方がいらっしゃいましたらご教示いただけますと幸いです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/10/05 09:45
2022/10/06 19:14 編集