我正在嘗試上傳檔案。檔案上傳后,頁面應該可以看到以前的資料。我做了什么:
我有兩個用戶農藝師和一個種植者。如果我選擇種植者,種植者組態檔應該是可見的,并且在種植者組態檔中上傳檔案,但是檔案上傳后,選擇的種植者資料不可見。如何在檔案上傳后使選定的資料可見。我嘗試過的是:
刀片.php
<div class="agronomist_div">
<form class="form-horizontal" >
<h1 class="text-center">Account Information</h1>
<div class="form-group row">
<label class="control-label col-sm-2" for="growers_lsit">Growers List:</label>
<div class="col-sm-10">
<select class="form-control" id="growers_list" onchange="fetchGrower();">
<option value="">Select Growers</option>
@foreach($grower_data as $data)
<option value="{{$data->first_name}},{{$data->id}}">{{$data->first_name}} </option>
@endforeach
</select>
</div>
</div>
</form>
</div>
<div id="grower-data-div">
<div id="grower_form" class="container">
<h1 class="text-center">Grower Profile</h1>
<div class="row text-center">
<div class="col-sm-6">
<input type="text" name="beets" placeholder="Beets" id="grower_name" class="form-control" value="" readonly="">
</div>
<div class="col-sm-6">
<input type="text" name="beets" placeholder="Primary Crop" class="form-control">
</div>
</div>
<div class="row mt-3">
<div class="col-md-12 text-center">
<h3>Recommendations </h3>
</div>
</div>
<form method="POST" action="/uploadRecommends" enctype="multipart/form-data">
{{ csrf_field() }}
<div class="form-group">
<input type="hidden" name="grower_id" value="" id="grower_id">
<div class="container mt-3 mb-3">
<div class="row">
<div class="col-sm-6">
<div class="input-group mt-3">
<div class="custom-file">
<input type="file" name="file" class="custom-file-input" id="inputGroupFile02">
<label class="custom-file-label" for="inputGroupFile02">Choose file</label>
</div>
<div class="input-group-append">
<label class="input-group-text " id=""> </label>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group pt-3">
<input type="submit" name="upload" value="Upload PDF" id="upload" class="btn btn-success">
</div>
</div>
</div>
</div>
</div>
</form>
<div class="row container">
<div class="col-md-12">
<table id="table" class="table table-bordered text-center">
<thead>
<tr>
<th>PDF Name </th>
<th>Date</th>
<th>View</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
javascript檔案
<script>
function fetchGrower()
{
var e = document.getElementById("growers_list");
var option = e.options[e.selectedIndex];
var opArr=option.value.split(",");
var grower_id=opArr[1];
var grower_name=opArr[0];
$.ajax({
url: 'fetchPdf/' grower_id,
type: 'get',
dataType: 'json',
success: function(response){
$('#table tbody').empty();
$("#grower-data-div").css("display", "block");
$("#grower_name").val(grower_name);
$("#grower_id").val(grower_id);
var len=response['data'].length;
if(len > 0){
for(var i=0; i<len; i ){
var pdf_name = response['data'][i].pdf_name;
var pdf_date = response['data'][i].pdf_date;
var pdf_id = response['data'][i].id;
var tr_str = "<tr>"
"<td align='center' style='width:20vw;'>" pdf_name "</td>"
"<td align='center'>" pdf_date "</td>"
"<td align='center'><a href='/openPdf/" pdf_name "'><i class='fa fa-eye'></i></td>"
"<td align='center'><a href='/deleteFile/" pdf_id "'><i class='fa fa-remove'></i></td>"
"</tr>";
$("#table tbody").append(tr_str);
}
}
else{
var tr_str = "<tr>"
"<td align='center' colspan='4'>No record found.</td>"
"</tr>";
$("#table tbody").append(tr_str);
}
}
});
}
</script>
網頁.php
Route::post('/uploadRecommends', 'HomeController@uploadRecommends');
Route::get('/fetchPdf/{id}', 'HomeController@fetchPdf');
家庭控制器.php
public function uploadRecommends(Request $request)
{
$grower_id=$request->input('grower_id');
$agronomist_id=auth()->user()->id;
if(array_key_exists('file', $request->all()))
{
$pdf_file=$request->file;
$name=$pdf_file->getClientOriginalName();
$filename = pathinfo($name, PATHINFO_FILENAME);
$extension = $pdf_file->getClientOriginalExtension();
$fileNameToStore = $filename.'_'.time().'.'.$extension;
// Upload Image
$path = $pdf_file->storeAs('public/cca_license/pdf_upload',$fileNameToStore);
DB::insert('insert into grower_recommends(agronomist_id,grower_id,pdf_name) values(?,?,?)',[$agronomist_id,$grower_id,$fileNameToStore]);
echo "<script>alert('File Uploaded Successfully');window.location.href='/agronomist_account';</script>";
}
}
public function fetchPdf($gro_id)
{
$res=DB::table('users')->where('id',auth()->user()->id)->get();
$first_name=$res[0]->first_name;
$last_name=$res[0]->last_name;
$name=$first_name." ".$last_name;
// $res1=DB::table('user_role')->where('id',auth()->user()->id)->get();
$agro_data= DB::table('user_roles')
->select('user_roles.roles_id','users.first_name','users.id')
->join('users','users.id','=','user_roles.user_id')
->where('user_roles.roles_id','=',2)
->get();
$pdf_data=DB::table('grower_recommends')->where('agronomist_id',auth()->user()->id)->where('grower_id',$gro_id)->latest('pdf_date')->get();
$userData['data'] = $pdf_data;
echo json_encode($userData);
exit;
//return view('grower_account')->with('pdf_data',$pdf_data)->with('name',$name)->with('agro_data',$agro_data);
}
當我選擇一個用戶時,頁面會顯示這樣的資料。
[![輸出1][1]][1]
上傳檔案后,頁面顯示輸出為
[![輸出2][2]][2]
檔案上傳后如何顯示用戶資料。[1]:https : //i.stack.imgur.com/8z0RQ.jpg [2]:https : //i.stack.imgur.com/Peg2K.png
uj5u.com熱心網友回復:
在控制器(方法 fetchPdf())中回傳 $pdf_data 而不分配給任何陣列。
uj5u.com熱心網友回復:
(1) /uploadRecommends這個路由呼叫來自ajax函式然后之后需要呼叫blade檔案中的fetchGrower函式
沒有頁面重繪 ...
(2) 您可以使用Laravel Http 會話在會話中存盤種植者或農藝師的資料,使用會話您可以重定向相關頁面或刀片檔案。
uj5u.com熱心網友回復:
試試這個
$request->flash();
return redirect()->back();
或者
session()->flashInput();
return redirect()->back();
檢查將輸入閃爍到會話中,laravel 檔案 或將請求資料閃爍到會話中以進行下一個請求
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/396875.html
標籤:javascript php 查询 拉拉维尔 模型视图控制器
上一篇:無法呼叫ajax函式,但該JS檔案的console.log和警報作業
下一篇:單擊時如何在模態按鈕上獲取行ID
