CodeIgniter Forums
using iframe - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived Development & Programming (https://forum.codeigniter.com/forumdisplay.php?fid=23)
+--- Thread: using iframe (/showthread.php?tid=20418)



using iframe - El Forum - 07-09-2009

[eluser]tirso[/eluser]
hi to all,

I have a page with have uploading files or images, I used an iframe and javscript to avoid refreshing page and displaying uploaded image instantly. I was used this without using CI framework before. But since last week, I started using CI framework which is great because it has a good documentation, user guide and especially good forum.

My question is how to call my php file as my form action? I tried to put my (ap.php) file under views folder and call as below.

I am thinking to put this file into libraries and load in my controller but I don't know how exactly what to do.

thanks in advance

Tirso

Code:
<form enctype="multipart/form-data" target="framecustomize" id="customize_bcard" name="customize_bcard" action="<?= base_url()?>ap.php" method="post">
  <div class="error">My Personalized Business Card</div>  
  <div style="margin-top: 15px;display: none" id="f1_upload_process">Loading...<br/><img src="images/loader.gif"/></div>
  <div id="f1_upload_form">                
      <div style="margin-top: 5px">Upload Logo with pixel size (Width and Height) shown below: &lt;input type="file" name="customize" id="customize" /&gt;&lt;/div>
  </div>
  <div style="display:none">                          
    &lt;iframe src="#" name="framecustomize" id="framecustomize" width="0" height="0" align="center"&gt;&lt;/iframe>
  </div>                      
  <div><span class="error">100  x 100</span> or <span class="error">250 x 86</span> only</div>
  <div style="margin: 15px 0 15px 0">
    &lt;input name="select" type="submit" class="highlight" id="select" value="Upload Logo" /&gt;      
  </div>
  <div style="margin: 15px 30px 10px 10px">
      <div style="width: 100px; height: 100px; margin: 20px 0 0 15px; display: inline-block" id="customize_bcard_img"></div>
  </div>
&lt;/form&gt;

here is my (ap.php)

Code:
&lt;?
include_once ("include/session.php");

$filename = $_FILES['customize']['name'];
$type = $_FILES['customize']['type'];
$size = $_FILES['customize']['size'];

  $result = 0;
  $pathimage = json_encode('error');
//In this case I only want the server to recieve jpg images.
if (($type != "image/pjpeg") && ($type != "image/jpeg") && ($filename != ""))
   {
      $result = 1;
      $pathimage = json_encode('error');
   }
else
   {
      $realpath = "companylogo/".$filename;
      //Upload file
      if (move_uploaded_file($_FILES['customize']['tmp_name'], $realpath))
        {
           $username = $session->username;
           $sql = "UPDATE ".TBL_USERS." SET backimage = 'gallery/images/card_bg.jpg', personal_logo = '$realpath' WHERE username = '$username'";
           $database->updateSingleRows($sql);
          
           $result = 2;
           $pathimage = json_encode($realpath);
        }
   }  
?&gt;

[removed]window.top.window.stopUpload(&lt;?php echo $result; ?&gt;,&lt;?php echo $pathimage; ?&gt;);[removed]

this javascript will display the uploaded image.