主頁 > 作業系統 > 在laravel中上傳檔案后如何使用選定的資料回傳同一頁面

在laravel中上傳檔案后如何使用選定的資料回傳同一頁面

2021-12-29 23:32:20 作業系統

我正在嘗試上傳檔案。檔案上傳后,頁面應該可以看到以前的資料。我做了什么:

我有兩個用戶農藝師和一個種植者。如果我選擇種植者,種植者組態檔應該是可見的,并且在種植者組態檔中上傳檔案,但是檔案上傳后,選擇的種植者資料不可見。如何在檔案上傳后使選定的資料可見。我嘗試過的是:

刀片.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

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • CA和證書

    1、在 CentOS7 中使用 gpg 創建 RSA 非對稱密鑰對 gpg --gen-key #Centos上生成公鑰/密鑰對(存放在家目錄.gnupg/) 2、將 CentOS7 匯出的公鑰,拷貝到 CentOS8 中,在 CentOS8 中使用 CentOS7 的公鑰加密一個檔案 gpg -a ......

    uj5u.com 2020-09-10 00:09:53 more
  • Kubernetes K8S之資源控制器Job和CronJob詳解

    Kubernetes的資源控制器Job和CronJob詳解與示例 ......

    uj5u.com 2020-09-10 00:10:45 more
  • VMware下安裝CentOS

    VMware下安裝CentOS 一、軟硬體準備 1 Centos鏡像準備 1.1 CentOS鏡像下載地址 下載地址 1.2 CentOS鏡像下載程序 點擊下載地址進入如下圖的網站,選擇需要下載的版本,這里選擇的是Centos8,點擊如圖所示。 決定選擇Centos8后,選擇想要的鏡像源進行下載,此 ......

    uj5u.com 2020-09-10 00:12:10 more
  • 如何使用Grep命令查找多個字串

    如何使用Grep 命令查找多個字串 大家好,我是良許! 今天向大家介紹一個非常有用的技巧,那就是使用 grep 命令查找多個字串。 簡單介紹一下,grep 命令可以理解為是一個功能強大的命令列工具,可以用它在一個或多個輸入檔案中搜索與正則運算式相匹配的文本,然后再將每個匹配的文本用標準輸出的格式 ......

    uj5u.com 2020-09-10 00:12:28 more
  • git配置http代理

    git配置http代理 經常遇到克隆 github 慢的問題,這里記錄一下幾種配置 git 代理的方法,解決 clone github 過慢。 目錄 git配置代理 git單獨配置github代理 git配置全域代理 配置終端環境變數 git配置代理 主要使用 git config 命令 git單獨 ......

    uj5u.com 2020-09-10 00:12:33 more
  • Linux npm install 裝包時提示Error EACCES permission denied解

    npm install 裝包時提示Error EACCES permission denied解決辦法 ......

    uj5u.com 2020-09-10 00:12:53 more
  • Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包

    Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包。 18 (flaskApi) [root@67 flaskDemo]# yum -y install nginx 19 已加載插件:fastestmirror, langpacks 20 Loading ......

    uj5u.com 2020-09-10 00:13:13 more
  • Linux查看服務器暴力破解ssh IP

    在公網的服務器上經常遇到別人爆破你服務器的22埠,用來挖礦或者干其他嘿嘿嘿的事情~ 這種情況下正確的做法是: 修改默認ssh的22埠 使用設定密鑰登錄或者白名單ip登錄 建議服務器密碼為復雜密碼 創建普通用戶登錄服務器(root權限過大) 建立堡壘機,實作統一管理服務器 統計爆破IP [root ......

    uj5u.com 2020-09-10 00:13:17 more
  • CentOS 7系統常見快捷鍵操作方式

    Linux系統中一些常見的快捷方式,可有效提高操作效率,在某些時刻也能避免操作失誤帶來的問題。 ......

    uj5u.com 2020-09-10 00:13:31 more
  • CentOS 7作業系統目錄結構介紹

    作業系統存在著大量的資料檔案資訊,相應檔案資訊會存在于系統相應目錄中,為了更好的管理資料資訊,會將系統進行一些目錄規劃,不同目錄存放不同的資源。 ......

    uj5u.com 2020-09-10 00:13:35 more
最新发布
  • vim的常用命令

    Vim的6種基本模式 1. 普通模式在普通模式中,用的編輯器命令,比如移動游標,洗掉文本等等。這也是Vim啟動后的默認模式。這正好和許多新用戶期待的操作方式相反(大多數編輯器默認模式為插入模式)。 2. 插入模式在這個模式中,大多數按鍵都會向文本緩沖中插入文本。大多數新用戶希望文本編輯器編輯程序中一 ......

    uj5u.com 2023-04-20 08:43:21 more
  • vim的常用命令

    Vim的6種基本模式 1. 普通模式在普通模式中,用的編輯器命令,比如移動游標,洗掉文本等等。這也是Vim啟動后的默認模式。這正好和許多新用戶期待的操作方式相反(大多數編輯器默認模式為插入模式)。 2. 插入模式在這個模式中,大多數按鍵都會向文本緩沖中插入文本。大多數新用戶希望文本編輯器編輯程序中一 ......

    uj5u.com 2023-04-20 08:42:36 more
  • docker學習

    ###Docker概述 真實專案部署環境可能非常復雜,傳統發布專案一個只需要一個jar包,運行環境需要單獨部署。而通過Docker可將jar包和相關環境(如jdk,redis,Hadoop...)等打包到docker鏡像里,將鏡像發布到Docker倉庫,部署時下載發布的鏡像,直接運行發布的鏡像即可。 ......

    uj5u.com 2023-04-19 09:26:53 more
  • 設定Windows主機的瀏覽器為wls2的默認瀏覽器

    這里以Chrome為例。 1. 準備作業 wsl是可以使用Windows主機上安裝的exe程式,出于安全考慮,默認情況下改功能是無法使用。要使用的話,終端需要以管理員權限啟動。 我這里以Windows Terminal為例,介紹如何默認使用管理員權限打開終端,具體操作如下圖所示: 2. 操作 wsl ......

    uj5u.com 2023-04-19 09:25:49 more
  • docker學習

    ###Docker概述 真實專案部署環境可能非常復雜,傳統發布專案一個只需要一個jar包,運行環境需要單獨部署。而通過Docker可將jar包和相關環境(如jdk,redis,Hadoop...)等打包到docker鏡像里,將鏡像發布到Docker倉庫,部署時下載發布的鏡像,直接運行發布的鏡像即可。 ......

    uj5u.com 2023-04-19 09:19:04 more
  • Linux學習筆記

    IP地址和主機名 IP地址 ifconfig可以用來查詢本機的IP地址,如果不能使用,可以通過install net-tools安裝。 Centos系統下ens33表示主網卡;inet后表示IP地址;lo表示本地回環網卡; 127.0.0.1表示代指本機;0.0.0.0可以用于代指本機,同時在放行設 ......

    uj5u.com 2023-04-18 06:52:01 more
  • 解決linux系統的kdump服務無法啟動的問題

    問題:專案麒麟系統服務器的kdump服務無法啟動,沒有相關日志無法定位問題。 1、查看服務狀態是關閉的,重啟系統也無法啟動 systemctl status kdump 2、修改grub引數,修改“crashkernel”為“512M(有的機器數值太大太小都會導致報錯,建議從128M開始試,或者加個 ......

    uj5u.com 2023-04-12 09:59:50 more
  • 解決linux系統的kdump服務無法啟動的問題

    問題:專案麒麟系統服務器的kdump服務無法啟動,沒有相關日志無法定位問題。 1、查看服務狀態是關閉的,重啟系統也無法啟動 systemctl status kdump 2、修改grub引數,修改“crashkernel”為“512M(有的機器數值太大太小都會導致報錯,建議從128M開始試,或者加個 ......

    uj5u.com 2023-04-12 09:59:01 more
  • 你是不是暴露了?

    作者:袁首京 原創文章,轉載時請保留此宣告,并給出原文連接。 如果您是計算機相關從業人員,那么應該經歷不止一次網路安全專項檢查了,你肯定是收到過資訊系統技術檢測報告,要求你加強風險監測,確保你提供的系統服務堅實可靠了。 沒檢測到問題還好,檢測到問題的話,有些處理起來還是挺麻煩的,尤其是線上正在運行的 ......

    uj5u.com 2023-04-05 16:52:56 more
  • 細節拉滿,80 張圖帶你一步一步推演 slab 記憶體池的設計與實作

    1. 前文回顧 在之前的幾篇記憶體管理系列文章中,筆者帶大家從宏觀角度完整地梳理了一遍 Linux 記憶體分配的整個鏈路,本文的主題依然是記憶體分配,這一次我們會從微觀的角度來探秘一下 Linux 內核中用于零散小記憶體塊分配的記憶體池 —— slab 分配器。 在本小節中,筆者還是按照以往的風格先帶大家簡單 ......

    uj5u.com 2023-04-05 16:44:11 more