How to display value in html tag from laravel

Question

I have never used laravel and have no knowledge about it. I used it for uploading files to google drive. Now I have a file 'web.php' which upload the files.

<?php

use Illuminate\Support\Facades\Route;
use Illuminate\Http\Request;
Route::get('/', function () {
    return view('welcome');
});

Route::post('/upload', function (Request $request) {
    $name=$request->file("thing")->getClientOriginalName();
    Storage::disk("google")->putFileAs("",$request->file("thing"),$name);
})->name("upload");

the file which has HTML code is like this:


<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Google drive integration in laravel</title>
    <!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-12">
    
                <br><br><br>
                    <form action="/upload" method="post" enctype="multipart/form-data">
                    @csrf
                    
                    <input type="file" class="form-control" name="thing" id="title">
                    <p id="s"></p>
                    <br>
                    <input type="submit" class="btn btn-sm btn-block btn-danger" value="Upload">
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>

I want that from the web.php file, i get $name and display the value in my HTML code div. How can I possibly do this?

where do you want to display your value? – noah1400 Jun 06 '21 at 14:50 — noah1400, Jun 06 '21 at 14:50

noah1400 · Accepted Answer · 2021-06-06T15:14:54.047

0

To me it looks like you want to use a variable that does not exist yet. The $name variable is defined after the form is submitted. If it is possible to define the variable before the form is submitted the following applies

You can't pass a Variable from a post route. You need to create another route to show your form and use the post route to process the data. For example

web.php

<!-- web.php -->
<?php
use Illuminate\Support\Facades\Route;
use Illuminate\Http\Request;
Route::get('/', function () {
    return view('welcome');
});

//Route to show the form

Route::get('/upload',function (){
    $value = "ValueThatShouldBeDisplayed";
    return view('showForm', ['value'=>$value]);
})->name('upload.show');//route name

//Route to process the data

Route::post('/upload', function (Request $request) {
    $name=$request->file("thing")->getClientOriginalName();
    Storage::disk("google")->putFileAs("",$request->file("thing"),$name);

    //redirecting to home or something
    return redirect('/');

})->name("upload.store");//route name

Your Html must be stored in \ressources\views\showForm.blade.php

showForm.blade.php

<!-- showForm.blade.php -->

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Google drive integration in laravel</title>
    <!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-12">
    
                <br><br><br>
                    <!-- store route as action -->
                    <form action="{{ route('upload.store') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    
                    <!-- value Part -->
                    {{ $value }}

                    <input type="file" class="form-control" name="thing" id="title">
                    <p id="s"></p>
                    <br>
                    <input type="submit" class="btn btn-sm btn-block btn-danger" value="Upload">
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>

If you want to change content as soon as for example you select a file you should take a look at Vue components.

edited Jun 06 '21 at 15:14

answered Jun 06 '21 at 14:48

noah1400

1,282
1
4
15

It is still saying $value is undefined. – SA Ira Jun 06 '21 at 15:07
There was a typo it's `Route::get` not `Rout::get` maybe that's why – noah1400 Jun 06 '21 at 15:10
I wrote `$name=$request->file("thing")->getClientOriginalName();` in get route and send $name but same error of undefined, if send string like `$value="hello"` still saying undefined – SA Ira Jun 06 '21 at 15:10
I'm sorry the `view()` method expects the view name and a array. so it's `return view('showForm', ['value'=>$value])` – noah1400 Jun 06 '21 at 15:16
it does not change anything – SA Ira Jun 06 '21 at 15:33
Now I am confused because the exact code above works for me..... – noah1400 Jun 06 '21 at 15:38
Also if you change it to `$value='hello'` or something!?!?!? – noah1400 Jun 06 '21 at 15:40
You can't do something like this `$name=$request->file("thing")->getClientOriginalName(); return view('showForm', ['value'=>$name]);` because there is no request in a get route – noah1400 Jun 06 '21 at 15:42
yes not working even when writing $value='hello', – SA Ira Jun 06 '21 at 15:51
and i want to show the value retrieve by getClientOriginalName(), is there no possible way of doing this? – SA Ira Jun 06 '21 at 15:51
Not the way you are doing it because `$request` only exists after you submit the Form. For what do you need this value? – noah1400 Jun 06 '21 at 15:53
I want to store this value in database – SA Ira Jun 06 '21 at 16:05
Why don't you do it in your Post route?! – noah1400 Jun 06 '21 at 16:23
can you please tell how to do this. like if I have MySQL database name "registration" having table "books" and I want to save this value in column "URL" – SA Ira Jun 06 '21 at 16:26
Ask a new question, post the link here and i'll try to help you. this will not fit into one comment – noah1400 Jun 06 '21 at 16:34
https://stackoverflow.com/questions/67861445/how-to-save-data-into-mysql-database-from-laravel-route-post – SA Ira Jun 06 '21 at 16:39
I have posted the question on above link, THanks for all this help – SA Ira Jun 06 '21 at 16:39

How to display value in html tag from laravel

1 Answers1