CSVにリンクを貼って、そのリンクに飛びたい
前提・実現したいこと
JavaScriptを使ってCSVファイルを表としてサイトに、表示させています。
URLを貼るセルがあり、そこにリンクを貼ると資料がダウンロードされる形になっていて、
その資料はファイルでまとめ、管理しています。
ですが、外部のリンクを貼ってもブラウザのままリンク先に飛ぶことができず、
ダウンロードしなければなりません。
そこで、ダウンロード式ではなく、そのままリンクに飛ぶ構成にするにはどのようにすればよいのでしょうか?
現在、JavaScriptの勉強を始めたまったくの素人でございます。
アドバイスよろしくお願いいたします。
<script> getCSVFile("things", "CSV/things.csv"); function getCSVFile(loc, file) { var xhr = new XMLHttpRequest(); xhr.onload = function() { createArray(loc, xhr.responseText); }; xhr.open("get", file, true); xhr.send(null); } function createArray(loc, csvData) { var tempArray = csvData.split("\r\n"); var csvArray = new Array(); var lastArray = new Array(); var td_elem = ""; var tr_elem = ""; var tbody_elem = ""; for(var i = 0; i<tempArray.length;i++){ csvArray[i] = tempArray[i].split(","); } //tr生成 tbody_elem += "<tbody>"; //th生成(1列目) tr_elem += "<tr>"; for(var x=0; x<csvArray[0].length; x++){ td_elem = "<th>"+csvArray[0][x]+"</th>"; tr_elem += td_elem; td_elem = ""; } tr_elem += "</tr>"; //td生成(2列目以降) for(var y=1; y<csvArray.length-1; y++){ tr_elem += "<tr>"; //th生成 for(var x=0; x<csvArray[y].length-1; x++){ td_elem = "<td>"+csvArray[y][x]+"</td>"; tr_elem += td_elem; td_elem = ""; } //最後の列 //CSVファイルもダウンロードに切り替え 閲覧不可のトラブル対策 if ( csvArray[y][csvArray[y].length-1].indexOf('.csv') != -1) { //CSVファイルなら、ページ上で閲覧 //tr_elem += "<td><a href='' class='showModal' data-file='"+csvArray[y][csvArray[y].length-1]+"'>結果</a></td>" tr_elem += "<td><a href='CSV/"+csvArray[y][csvArray[y].length-1]+"' download='"+csvArray[y][csvArray[y].length-1]+"'>結果</a></td>" } else { //それ以外なら、ダウンロード tr_elem += "<td><a href='CSV/"+csvArray[y][csvArray[y].length-1]+"' download='"+csvArray[y][csvArray[y].length-1]+"'>結果</a></td>" } tr_elem += "</tr>"; tbody_elem += tr_elem; tr_elem = ""; } tbody_elem += "</tbody>"; $('.'+loc).append(tbody_elem); } $(function(){ var direc = "./CSV/things/" var filename = "" var file_ = ""; $('.showModal').on('click',function(){ filename += $(this).data('file'); file = direc + filename; console.log(file); $('#readCSV').csv2table(file); filename = ""; file = ""; }); }); </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/14 06:41