Cards

[karyoker]

Here is card with image as a link I need a form button to to browse and choose an image and second input for the href and save as if i just filled out the card normally.

<a href="default.asp"><img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;"></a>
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a> </div>

 

[karyoker]

Here is the site I am working on Right click one of the bottom images to edit Refesh agter clickin done It is not saved and I dont want to use DB.
Site

 

[Johna]

Hey there,

You're going to have to upload the image somewhere to the server if you want it to be saved after refreshing. You could use JavaScript to send a POST request with the image to the server, and then on the backend, either upload the image to a database, or if you strictly don't want to use a database, replace the current image file with the new one, either giving it the same name, or changing the name in the frontend code.
How the backend code looks is going to depend on what language you're using, I would assume either PHP or Node.js?

 

[karyoker]

ok This what I have on the server I can manually change the path to new image and uoload the page i am working on. Why cant i make that path change with a form and upload the file.
<div class="text-column">
<div class="card-soft" oncontextmenu="editCard(1); return false;">
<img id="card-1" class="card-img" src="img/speaker.png" alt="Card 1">
<div class="card-body">
<h5 class="card-title" id="title-1"></h5>
<p class="card-text" id="text-1"></p>
</div>
</div>
</div>