InsertPicture.php | searchcode

/railfrog/tags/railfrog-0.5/public/xinha/plugins/InsertPicture/InsertPicture.php

https://github.com/railfrog/railfrog-archive
PHP | 313 lines | 265 code | 43 blank | 5 comment | 27 complexity | cd5430528761b14ca67846f736e14adc MD5 | raw file

<?PHP

  //this plugin only use the relativ webpath to the picturefolder

  //default ~  /htmlarea/plugins/InsertPicture/demo_pictures/

  strstr( PHP_OS, "WIN") ? $strPathSeparator = "\\" : $strPathSeparator = "/";

  if (isset($_REQUEST['picturepath'])) {

    $getRequest = true;

    $PicturePath = 'http://'.$_SERVER['HTTP_HOST'].$_REQUEST['picturepath'];

    //$LocalPicturePath = $_REQUEST['localpicturepath'];



    $AInsertPicturePath = explode ('/', 'http://'.$_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF']).'/demo_pictures/');

    $ALocalInsertPicturePath = explode($strPathSeparator, dirname(__FILE__).$strPathSeparator.'demo_pictures');

    $APicturePath = explode('/', 'http://'.$_SERVER['HTTP_HOST'].$_REQUEST['picturepath']);



    $AtheFilePath = array_values (array_diff ($APicturePath, $AInsertPicturePath));

    $theFilePath = implode($strPathSeparator, $AtheFilePath).$strPathSeparator;



    $AtheRootPath = array_values (array_diff ($ALocalInsertPicturePath, $AInsertPicturePath));

    $theRootPath = implode($strPathSeparator, $AtheRootPath);



    $LocalPicturePath = $theRootPath.$strPathSeparator.$theFilePath.$strPathSeparator;

  } else {

    $getRequest = false;

    $PicturePath =  'http://'.$_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF']).'/demo_pictures/';

    $LocalPicturePath = dirname(__FILE__).$strPathSeparator.'demo_pictures';

  }

  $limitedext = array(".gif",".jpg",".png",".jpeg"); //Extensions you want files uploaded limited to.

  $limitedsize = "1000000"; //size limit in bytes

  $message = "";

  function formatSize($size) 

  {

    if($size < 1024) 

      return $size.' bytes';	

    else if($size >= 1024 && $size < 1024*1024) 

      return sprintf('%01.2f',$size/1024.0).' Kb';	

    else

      return sprintf('%01.2f',$size/(1024.0*1024)).' Mb';	

  }



  if (isset($_FILES['file'])) {

    $file = $_FILES['file'];

    $ext = strrchr($file['name'],'.');

    if (!in_array($ext,$limitedext)) {

      $message = "The file you are uploading doesn't have the correct extension.";

    } else if (file_exists($LocalPicturePath.'\\'.$file['name'])) {

      $message = "The file you are uploading already exists.";

    } else if ($file['size'] > $limitedsize) {

      $message = "The file you are uploading is to big. The max Filesize is</span><span> ".formatSize($limitedsize).".";

    } else {

      copy($file['tmp_name'], $LocalPicturePath.$strPathSeparator.$file['name']);

    }

  }



?>

<html>



<head>

  <title>Insert Image</title>

	

<link rel="stylesheet" type="text/css" href="../../popups/popup.css" />

<script type="text/javascript" src="../../popups/popup.js"></script>



<script type="text/javascript">



var HTMLArea = window.opener.HTMLArea;

function i18n(str) {

  return (HTMLArea._lc(str, 'HTMLArea'));

}



function Init() {

  __dlg_translate("InsertPicture");

  __dlg_init();

  window.resizeTo(500, 490);

  // Make sure the translated string appears in the drop down. (for gecko)

  document.getElementById("f_align").selectedIndex = 1;

  document.getElementById("f_align").selectedIndex = 5;

  var param = window.dialogArguments;

  if (param) {

      document.getElementById("f_url").value = param["f_url"];

      document.getElementById("f_alt").value = param["f_alt"];

      document.getElementById("f_border").value = param["f_border"];

      document.getElementById("f_align").value = param["f_align"];

      document.getElementById("f_vert").value = param["f_vert"];

      document.getElementById("f_horiz").value = param["f_horiz"];

      document.getElementById("f_height").value = param["f_height"];

      document.getElementById("f_width").value = param["f_width"];			

      window.ipreview.location.replace(param.f_url);

  }

  document.getElementById("f_url").focus();

}



function onOK() {

  var required = {

    "f_url": i18n("You must enter the URL")

  };

  for (var i in required) {

    var el = document.getElementById(i);

    if (!el.value) {

      alert(required[i]);

      el.focus();

      return false;

    }

  }

  // pass data back to the calling window

  var fields = ["f_url", "f_alt", "f_align", "f_border",

                "f_horiz", "f_vert"];

  var param = new Object();

  for (var i in fields) {

    var id = fields[i];

    var el = document.getElementById(id);

    param[id] = el.value;

  }

  __dlg_close(param);

  return false;

}



function onUpload() {

  var required = {

    "file": i18n("Please select a file to upload.")

  };

  for (var i in required) {

    var el = document.getElementById(i);

    if (!el.value) {

      alert(required[i]);

      el.focus();

      return false;

    }

  }

  submit();

  return false;

}



function onCancel() {

  __dlg_close(null);

  return false;

}



function onPreview() {

  var f_url = document.getElementById("f_url");

  var url = f_url.value;

  if (!url) {

    alert(i18n("You must enter the URL"));

    f_url.focus();

    return false;

  }

  if (document.all) {

    window.ipreview.location.replace('viewpicture.html?'+url);

  } else {

    window.ipreview.location.replace(url);

  }

  return false;

}



var img = new Image();

function imgWait() {

  waiting = window.setInterval("imgIsLoaded()", 1000)

}

function imgIsLoaded() {

  if(img.width > 0) {

    window.clearInterval(waiting)

    document.getElementById("f_width").value = img.width;

    document.getElementById("f_height").value = img.height;

  }

}



function CopyToURL(imgName) {

  document.getElementById("f_url").value = imgName;

  onPreview();

  img.src = imgName;

  img.onLoad = imgWait()

}



function openFile() {

  window.open(document.getElementById("f_url").value,'','');

}

</script>



</head>



<body class="dialog" onload="Init()">



<div class="title">Insert Image</div>

<table border="0" width="100%" style="padding: 0px; margin: 0px">

  <tbody>

  <tr>

    <td>Images on the Server:<br>

    <select value="" style="width:200" size="10" onClick="CopyToURL(this[this.selectedIndex].value);">

<?php

  $d = @dir($LocalPicturePath);

  while (false !== ($entry = $d->read())) { //not a dot file or directory

    if(substr($entry,0,1) != '.') { 

      echo '<OPTION value="' . $PicturePath.$entry. '">' . $entry . '(' . formatSize(filesize($LocalPicturePath.'\\'.$entry)) .')</OPTION>';

    }

  }

  $d->close();

?>

    </select>

<?php

  if ($getRequest == true) {

    echo '<form method="post" action="'.$_SERVER['PHP_SELF'].'?picturepath='.$_REQUEST['picturepath'].'" enctype="multipart/form-data">';

  } else {

    echo '<form method="post" action="'.$_SERVER['PHP_SELF'].'" enctype="multipart/form-data">';

  }

?>

        <input type="file" name="file" id="file" size="30"><br>

        <button type="submit" name="ok" onclick="return onUpload();">Upload file</button><br>

        <span><?php echo $message ?></span>

      </form>



    </td>

    <td valign="center" width="200" height="230">

    <span>Image Preview:</span>

    <a href="#" onClick="javascript:openFile();"title=" Open file in new window"><img src="img/btn_open.gif"  width="18" height="18" border="0" title="Open file in new window" /></a><br />

    <iframe name="ipreview" id="ipreview" frameborder="0" style="border : 1px solid gray;" height="200" width="200" src=""></iframe>

    </td>

  </tr>

  </tbody>

</table>



<form action="" method="get">

<table border="0" width="100%" style="padding: 0px; margin: 0px">

  <tbody>



  <tr>

    <td style="width: 7em; text-align: right">Image URL:</td>

    <td><input type="text" name="url" id="f_url" style="width:75%"

      title="Enter the image URL here" />

      <button name="preview" onclick="return onPreview();"

      title="Preview the image in a new window">Preview</button>

    </td>

  </tr>

  <tr>

    <td style="width: 7em; text-align: right">Alternate text:</td>

    <td><input type="text" name="alt" id="f_alt" style="width:100%"

      title="For browsers that don't support images" /></td>

  </tr>



  </tbody>

</table>



<p />



<fieldset style="float: left; margin-left: 5px;">

<legend>Layout</legend>



<div class="space"></div>



<div class="fl" style="width: 6em;">Alignment:</div>

<select size="1" name="align" id="f_align"

  title="Positioning of this image">

  <option value=""                             >Not set</option>

  <option value="left"                         >Left</option>

  <option value="right"                        >Right</option>

  <option value="texttop"                      >Texttop</option>

  <option value="absmiddle"                    >Absmiddle</option>

  <option value="baseline" selected="1"        >Baseline</option>

  <option value="absbottom"                    >Absbottom</option>

  <option value="bottom"                       >Bottom</option>

  <option value="middle"                       >Middle</option>

  <option value="top"                          >Top</option>

</select>



<p />



<div class="fl" style="width: 6em;">Border thickness:</div>

<input type="text" name="border" id="f_border" size="5"

title="Leave empty for no border" />



<div class="space"></div>



</fieldset>



<fieldset style="float: left; margin-left: 5px;">

<legend>Size</legend>



<div class="space"></div>



<div class="fl" style="width: 5em;">Width:</div>

<input type="text" name="width" id="f_width" size="5" title="Leave empty for not defined" />

<p />



<div class="fl" style="width: 5em;">Height:</div>

<input type="text" name="height" id="f_height" size="5" title="Leave empty for not defined" />

<div class="space"></div>



</fieldset>



<fieldset style="float:right; margin-right: 5px;">

<legend>Spacing</legend>



<div class="space"></div>



<div class="fr" style="width: 5em;">Horizontal:</div>

<input type="text" name="horiz" id="f_horiz" size="5"

title="Horizontal padding" />



<p />



<div class="fr" style="width: 5em;">Vertical:</div>

<input type="text" name="vert" id="f_vert" size="5"

title="Vertical padding" />



<div class="space"></div>



</fieldset>

<br clear="all" />



<div id="buttons">

  <button type="submit" name="ok" onclick="return onOK();">OK</button>

  <button type="button" name="cancel" onclick="return onCancel();">Cancel</button>

</div>

</form>

</body>

</html>