6) Esercitazione guidata : upload di un immagine Lezione Prof. Silvano Natalizi maggio 2009

Vogliamo creare una tabella di copertine di libri il modello libro ha titolo, autore, data pubblicazione, extension quando digiti i dati devi caricare (ossia fare l’upload) l’immagine della copertina nella cartella public/images Extension è l’estensione dell’immagine da caricare Il nome dell’immagine è identificato univocamente dalla chiave primaria “id” + “extension”

il modello libro ha titolo, autore, data pubblicazione, extension

quando digiti i dati devi caricare (ossia fare l’upload) l’immagine della copertina nella cartella public/images

Extension è l’estensione dell’immagine da caricare

Il nome dell’immagine è identificato univocamente dalla chiave primaria “id” + “extension”

Per fare l’upload di un file Per fare l’upload di un file si usa nella form <input type=“file” > Quel controllo crea “una casella di ricerca” su disco del file da caricare nel server remoto

Per fare l’upload di un file si usa nella form

<input type=“file” >

Quel controllo crea “una casella di ricerca” su disco del file da caricare nel server remoto

Come è la form new? in puro html si avrebbe: <form action=“create” method=“POST” > <input type=“text” name=“titolo”> <input type=“text” name=“autore”> <input type=“”text” name=“dataedizione”> < input type=“file” name=“copertina”> <input type=“submit” name=“submit” value=“invia”> </form>

in puro html si avrebbe:

<form action=“create” method=“POST” >

<input type=“text” name=“titolo”>

<input type=“text” name=“autore”>

<input type=“”text” name=“dataedizione”>

< input type=“file” name=“copertina”>

<input type=“submit” name=“submit” value=“invia”>

</form>

In rails la view new

In rails <h> Nuovo Libro </h> <%= error_messages_for(“libro” %> <% form for(@libro, :html=> { :multipart => true}) do |f| %> <p> <b>Titolo</b><br /> <%= f.text_field :autore %> </p> <p> <b>Autore</b><br /> <%= f.text_field :titolo %> </p> <p> <b> Data edizione </b><br /> <%= f.date_select :dataedizione %></p> <p> <%= f.label :copertina %><br /> <%= f.file_field :photo %> </p> <p> <%= f.submit &quot;Create&quot; %> </p> <% end %>

<h> Nuovo Libro </h>

<%= error_messages_for(“libro” %>

<% form for(@libro, :html=> { :multipart => true}) do |f| %>

<p> <b>Titolo</b><br />

<%= f.text_field :autore %> </p>

<p> <b>Autore</b><br />

<%= f.text_field :titolo %> </p>

<p> <b> Data edizione </b><br />

<%= f.date_select :dataedizione %></p>

<p> <%= f.label :copertina %><br />

<%= f.file_field :photo %> </p>

<p> <%= f.submit &quot;Create&quot; %> </p>

<% end %>

Crea l’applicativo libri rails libri cd libri crea il modello libro automaticamente ruby script/generate scaffold libro titolo:string autore:string dataedizione:date extensione:string

rails libri

cd libri

crea il modello libro automaticamente

ruby script/generate scaffold libro titolo:string autore:string dataedizione:date extensione:string

Modifica new.html.erb Sostituisci a extension <p> <b>Photo</b><br /> <%= f.file_field :photo %> </p> sostituisci a form_for <% form_for ( @libro, :html => { :multipart => true}) do |f| %>

Sostituisci a extension

<p>

<b>Photo</b><br />

<%= f.file_field :photo %> </p>

sostituisci a form_for

<% form_for ( @libro, :html => { :multipart => true}) do |f| %>

Inserisci il seguente codice all’interno della classe libro.rb

Modifica la view show.html.erb

Verifica il funzionamento del programma Verifica se l’immagine viene caricata nella cartella remota Verifica il corretto funzionamento di new e di show

Verifica se l’immagine viene caricata nella cartella remota

Verifica il corretto funzionamento di new e di show

Continua