Prima di iniziare, è necessario completare l'Esercizio 2.2: Formattazione di una tabella dati.
Ora che si sta visualizzando la colonna PHOTO, è necessario fornire all'utente gli strumenti per caricare le immagini per gli annunci. Questa funzione è particolarmente importante per le pagine new_record.jsp e update_record.jsp. Il componente per il caricamento dei file consente agli utenti di esaminare il loro file system, di caricare un file nel database e di visualizzarlo immediatamente nel database.
Poiché la procedura di utilizzo di questo componente è simile sia per quanto concerne la creazione che l'aggiornamento, in questo esercizio la pagina di aggiornamento modificherà l'immagine corrente per ciascun articolo. Se si desidera, è possibile apportare le medesime modifiche anche alla pagina del nuovo record.
Si noterà che il modulo di aggiornamento non è altro che una tabella HTML che contiene del testo statico e alcuni componenti di input associati alle colonne nel record relazionale update_record. Pertanto, è possibile aggiungere righe e colonne per modificare il modulo, proprio come se fosse una normale tabella HTML. Nella procedura riportata di seguito, verrà aggiunta una nuova riga per visualizzare la foto corrente.
L'aggiunta di righe e colonne risulta più complicata in una tabella dati che visualizza un elenco record relazionali. Per informazioni sull'aggiunta di colonne a una tabella dati, fare riferimento alla sezione Modifica della tabella predefinita nell'Esercizio 1.2: Utilizzo dei componenti elenco record relazionali e tabella dati.
A differenza dell'esercizio precedente, si farà in modo che l'utente possa visualizzare l'intera foto, quindi non modificare la larghezza e l'altezza nella vista Proprietà.
A questo punto, la pagina visualizza, se presente, la foto corrente per l'annuncio economico. La pagina dovrebbe essere simile a quella riportata nell'immagine seguente:
Successivamente, occorre aggiungere alla tabella una nuova riga che contenga il componente per il caricamento dei file.
La pagina dovrebbe essere simile a quella riportata nell'immagine seguente:
A questo punto è possibile iniziare l'Esercizio 2.4: Utilizzo delle regole di navigazione.