[PHP] Upload immagine e stampa a schermo

jailbait

Nuovo Utente
25 Ott 2017
1
0
1
24
Salve a tutti e buonasera. Vi seguo già da qualche tempo, ma ad essere onesto sono registrato da poco. Community fantastica e molto pratica.
Ho un piccolo problema. Sono un agente immobiliare e lavoro in Tecnocasa, da poco ho però avuto un'idea che al capo è piaciuta. L'idea è quella di creare un form, in cui inserire tutti i dati di un immobile in vendita per poi far sì che sia stampabile e quindi avere una stampa veloce, anzichè utilizzare il pubblisher di Microsoft che rende tutto molto macchinoso.
Attualmente il mio codice è questo. Ho un form per l'inserimento di Via, Civico, Metri quadri ecc..
Il problema nasce con l'upload delle immagini. Non capisco proprio come funziona. Sono poco preparato sul php, in genere programmo in html, css e un po di js. Il form è completo, però vorrei qualche dritta per le immagini. Vorrei che, al click del tasto ''Prepara Dossier'' mi crei tutto un file (che per il dati testuali non ho problemi) con inserite le immagini precedentemente caricate, ed eventualmente ridimensionare (ma questo credo di poterlo fare con css)

Questo è il codice html:
HTML:
<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Dossier - Tecnocasa</title>
  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
 
 
      <link rel="stylesheet" href="css/style.css">

 
</head>

<body>

<form action="dossier.php" method="post">
  <!--  General -->
  <div class="form-group">
    <h2 class="heading">Via e Civico</h2>
    <div class="controls">
      <input type="text" id="name" class="floatLabel" name="via">
      <label for="name">Via</label>
    </div>
    <div class="controls">
      <input type="text" id="email" class="floatLabel" name="civico">
      <label for="email">Civico</label>
    </div>
   </div>
  
<div class="form-group">
    <h2 class="heading">Metri quadri</h2>
    <div class="controls">
      <input type="text" id="mq" class="floatLabel" name="mq">
      <label for="mq">Metri quadri</label>
    </div>
   </div>
  
<div class="form-group">
    <h2 class="heading">Spese</h2>
    
    <div class="controls">
      <input type="text" id="condominio" class="floatLabel" name="condominio">
      <label for="condominio">Spese Condominiali</label>
    </div>
    <div class="controls">
      <input type="text" id="riscaldamento" class="floatLabel" name="riscaldamento">
      <label for="riscaldamento">Spese di Riscaldamento</label>
    </div>
    <div class="controls">
      <input type="text" id="catastale" class="floatLabel" name="catastale">
      <label for="catastale">Rendita Catastale</label>
    </div>
</div>
  <!--  Details -->
  <div class="form-group">
    <h2 class="heading">Immagini</h2>
      <div class="grid">
        <p class="info-text">Inserisci le tue immagini.</p>
        <br>
        <div class="controls">
          <input type="image" name="dossier" id="dossier" style="margin-top:15px;"></br>
          <input type="file" name="dossier" id="dossier" style="margin-top:15px;"></br>
          <input type="file" name="dossier" id="dossier" style="margin-top:15px;"></br>
          <input type="file" name="dossier" id="dossier" style="margin-top:15px; margin-bottom: 15px;">
        </div>
      </div> 
  </div> <!-- /.form-group -->
  <!--  Details -->
  <div class="form-group">
    <h2 class="heading">Dettagli</h2>
      <div class="grid">
        <p class="info-text">Inserisci una breve descrizione dell'immobile.</p>
        <br>
        <div class="controls">
          <textarea name="descrizione" class="floatLabel" id="descrizione"></textarea>
          <label for="descrizione">Descrizione immobile</label>
          </div>
            <button type="submit" value="Submit" class="col-1-4">Prepara Dossier</button>
      </div> 
  </div> <!-- /.form-group -->
</form>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://raw.githubusercontent.com/andiio/selectToAutocomplete/master/jquery-ui-autocomplete.js'></script>
<script src='http://raw.githubusercontent.com/andiio/selectToAutocomplete/master/jquery.select-to-autocomplete.js'></script>
<script src='http://raw.githubusercontent.com/andiio/selectToAutocomplete/master/jquery.select-to-autocomplete.min.js'></script>

    <script  src="js/index.js"></script>

</body>
</html>
Questo è il file dossier.php:

PHP:
<html>
<body>

<?php echo $_POST["via"]; ?>
<?php echo $_POST["civico"]; ?>
<?php echo $_POST["mq"]; ?>
<?php echo $_POST["condominio"]; ?>
<?php echo $_POST["riscaldamento"]; ?>
<?php echo $_POST["catastale"]; ?>
<?php echo $_POST["descrizione"]; ?>

</body>
</html>
Grazie a tutti, spero in vostre risposte. Grazie ancora e buona giornata a tutti.