質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

解決済

2回答

3477閲覧

【PHP】CSVボタンでダウンロードができない

lemonediscream

総合スコア27

CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

0クリップ

投稿2020/12/10 09:55

編集2020/12/10 10:08

前提・実現したいこと

現在、laravelでCSVボタンを作成していますが、ファイルは作成されているのですが、ダウンロードが
行われません。
csvとして出力したデータをボタンを押すと自動的にダウンロードさせたいです。

発生している問題・エラーメッセージ

$csvFileName = time() . rand() . '.csv';を
$csvFileName ='/tmp/'. time() . rand() . '.csv';にすると

local.ERROR: fopen(/tmp/16075869642087170619.csv): failed to open stream: No such file or directory

該当のソースコード

php

1 //CSVファイルの処理 2 $csvFileName = time() . rand() . '.csv'; 3 $fileName = time() . rand() . '.csv'; 4 $res = fopen($csvFileName, 'w'); 5 if ($res === FALSE) { 6 Log::debug("失敗です"); 7 } 8 //ヘッダー 9 $header = ["id","形状","向き","状態"]; 10 mb_convert_variables('SJIS', 'UTF-8', $header); 11 fputcsv($res, $header); 12 // ループしながら出力 13 if(!empty(($data))){ 14 foreach($data as $value) { 15 $arrEle = array(); 16 foreach($value as $key => $val){ 17 if($key == 'id'){ 18 $tmp = substr($val, 0, 10); 19 $arrEle[] = $tmp; 20 } else { 21 $arrEle[] = $val ; 22 } 23 } 24 // 文字コード変換 25 mb_convert_variables('SJIS', 'UTF-8', $arrEle); 26 // ファイルに書き出しをする 27 fputcsv($res, $arrEle); 28 } 29 } 30 // ハンドル閉じる 31 fclose($res); 32 // ダウンロード開始 33 header('Cache-Control: public'); 34 header("Pragma: public"); 35 // ファイルタイプ(csv) 36 header('Content-Type: application/octet-stream'); 37 // ファイル名 38 header('Content-Disposition: attachment; filename=' . $fileName); 39 // ファイルのサイズ ダウンロードの進捗状況が表示 40 header('Content-Length: ' . filesize($csvFileName)); 41 header('Content-Transfer-Encoding: binary'); 42 // ファイルを出力する 43 //readfile($csvFileName); 44 $response = array( 45 "aaData" => $data 46 ); 47 echo json_encode($response); 48 49

php

1//(views …blade.php) 2<div class="csv-all"> 3 <button>CSV出力</button> 4</div>

js

1$(document).on('click', '.csv-all', function (event) { 2 var _sceneIdArr = ['100000']; 3 $.each(_sceneIdArr, function(ind, ele){ 4 var postData = { 5 'sceneId': ele, 6 'condAndOr': 1, 7 }; 8 9 $.ajax({ 10 headers: { 11 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 12 }, 13 type: 'post', 14 url: _url + 'ajax/csvFile', 15 dataType: 'json', 16 data: postData, 17 }).done(function (result, textStatus, jqXHR) { 18 console.log("成功"); 19 }); 20 }).fail(function (data, textStatus, xhr) { 21 console.log("失敗"); 22 }); 23 }); 24 }); 25

試したこと

1,php(views)の<button>→<input type="submit" に変更しましたが、変化なし
2,phpのreadfile($csvFileName);のコードを入れると、ajaxが失敗する。
このコードがなくてもファイルは生成されています。
3,header()のすべてをコメントアウトして、readfile($csvFileName);を活かしても
ajaxが失敗し、ファイルは生成されています。

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

js

1 $(document).on('click', '.csv-all', function (event) { 2 //submit()」メソッドを使うと、ユーザーがボタンをクリックした際に実行する処理を記述できる 3 $('#csvdownload').submit(); 4 }); 5 6

php

1 Route::post('csvFile', 'Ajax\scenarioAjaxController@getCsvFile');

php

1 <form name="csvdownload" id="csvdownload" action="csvFile"method="post"> 2 @csrf 3 <button class="csv-all"type="button"><span>CSV</span></button> 4 </form> 5

php

1 $fileName = time() . rand() . '.csv'; 2 3 $response = new StreamedResponse (function() use ($data){ 4 $stream = fopen('php://output', 'w'); 5 6 //ヘッダー 7 $header = [""]; 8 mb_convert_variables('SJIS', 'UTF-8', $header); 9 fputcsv($stream, $header); 10 11 // CSVデータ 12 foreach($data as $key => $value) { 13 if($key == ""){ 14 continue; 15 } 16 if($key == 'idw_id'){ 17 $tmp = preg_split('*I',$value); 18 fputcsv($stream, $tmp[0]); 19 } else { 20 mb_convert_variables('SJIS', 'UTF-8', $value); 21 fputcsv($stream, $value); 22 } 23 } 24 Log::debug(print_r($stream,true)); 25 fclose($stream); 26 }, 27 \Illuminate\Http\Response::HTTP_OK, 28 [ 29 'Content-Type' => 'text/csv', 30 'Content-Disposition' => 'attachment; filename='. $fileName, 31 ]); 32 33 return $response; 34 35 }

投稿2020/12/16 09:36

lemonediscream

総合スコア27

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ajaxが失敗する

たんに戻りデータのdataTypeがjsonではないからでは?
fail処理を

}).fail(function(xhr,err){ console.log(err); })

で確認してみてください、parsererrorになっていませんか?

投稿2020/12/10 10:15

yambejp

総合スコア114585

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問