PHP的AJAX技术实现文件异步上传

三 首页新闻发布,让你更新更轻松
—–上一讲里,我们已经实现了首页新闻发布的基本功能。在这一讲里,我们再给它添砖加瓦,使它的功能更为强大。
—–首先,我们再明确一下我们想获得什么方便。我们不希望几十天以前的东西我们忘了删除,结果还作为新闻发布在首页。如果我们在基本实现中嵌入一段代码,比如说用filectime($filename),那么在UNIX下,我们就可以得到从1970年1月1日起以秒计到最后一次文件被改动的时间,而从
1970年1月1日起以秒计到现在的秒数可以用$mynow=mktime()来获得,减法,判断,IF
我们期望的时间,嘿嘿,Sorry,unlink($newspath.$filename)……什么?!您问这段代码应该放在哪儿?您说呢,呵呵。
或许,你并不是常在一台机器上上网,当你获得了一条新的新闻后却不在你的爱机旁,怎么办?最理想的莫过于在主页上上传文件咯。你或许有一个页面需要用密码才能进入。下面是一段到处可见的文件上载的代码:
? if(isset($upfile)) { ? 已上载的文件信息如下: 文件存放路径: ?echo
$upfile;? 原始文件名: ?echo $upfile_name;? 文件大小(字节): ?echo
$upfile_size;? 文件类型: ?echo $upfile_type;? ? } else { ? html
headtitle新闻上传/title/headbody form enctype=”multipart/form-data”
method=”post” action=”?echo $PHP_SELF;?” input type=”hidden”
name=”MAX_FILE_SIZE” value=”50000″ 请选择或输入上传文件名: input
name=”upfile” type=”file” input type=”submit” value=”上传” name=”submit”
/form /body/html ? } ?
—–这里我们又见到了PHP和HTML结合的一种形式,可以借鉴。文件上载虽然方便,但总给人一种不安全感。一旦泄密,你的服务器的系统安全就受到了威胁,因为上载的文件可能是一些破坏性的执行文件稳妥的做法是写一个在线编辑的文件,下面是一个示例:
〈?php function mywritefile($filename,$contents){
if($fp=fopen($filename,”w”)){ fwrite($fp,strpslashes($contents));
fclose($fp); return 1; } else {return 0;}; }; //判断表单返回的变量
if($submitButton==”完成”){ $rs=mywritefile(“$page”,”$test”); echo “a
href =”$page”$page/abr”; } elseif($action==”page”)
//变量action值为”page”的情况 {$contents=”$page”;
$fp=@fopen($content,”w+”)or die(Could not open file!);
$contents=htmlspecialchars($contents); fclose($fp); echo “form
action=”admin.php?page=$page” method=”POST” wrap=soft”; echo
“$contents”; echo “/textarea”; echo “input type=”submit”
name=”submitButton” value=”完成””; echo “/form”; } else {echo “form
action=”basename($PHP_SELF).?action=page”
method=”POST””;//注意引用程序内变量的方式。 echo “input type=text
size=20 name=page”; echo “input type=”submit” name=”send” value=”选定””;
echo “/form”; } ? —–至此,首页新闻发布的实现已经可以告一段落了。
我们可以发现,任何一个功能强大的陈程式都是由一些简单的功能组合而成的。第三部分功能的整个完善过程使用叠加增强的方法,和软件工程的自顶向下,逐层分析的开发方法是不一样的。这是一个适用于学习的方法,自己写写习作还是挺管用的,呵呵。

三 首页新闻发布,让你更新更轻松
—–上一讲里,我们已经实现了首页新闻发布的基本功能。在这一讲里,我们再给它添砖加瓦,使它的功能更为强大。(一个好用的软件,其实也就是基本功能加上一批附属功能,这些附属功能主要也是图个方便而已,呵呵)
—–首先,我们再明确一下我们想获得什么方便。我们不希望几十天以前的东西我们忘了删除,结果还作为新闻发布在首页。如果我们在基本实现中嵌入一段代码,比如说用filectime,那么在UNIX下,我们就可以得到从1970年1月1日起以秒计到最后一次文件被改动的时间(在WINDOWS下返回的是文件生成的日期时间),而从
1970年1月1日起以秒计到现在的秒数可以用$mynow=mktime()来获得,减法,判断,IF
>我们期望的时间,嘿嘿,Sorry,unlink……什么?!您问这段代码应该放在哪儿?您说呢,呵呵。
或许,你并不是常在一台机器上上网,当你获得了一条新的新闻后却不在你的爱机旁,怎么办?最理想的莫过于在主页上上传文件咯。你或许有一个页面需要用密码才能进入(假如你还爱惜自己的网站的话,这是有必要的,最好连文件名都不要让别人知道,呵呵)。下面是一段到处可见的文件上载的代码:
if { ?>已上载的文件信息如下: 文件存放路径: 原始文件名: 文件大小:
文件类型: }else { ?>

异步的文件上传是在现代的AJAX实现的Web应用里面经常要遇到,必须解决的问题。但是标准的AJAX类(XmlHttpRequest)无法实现传输文件的功能。因此,这里讨论的内容就是如何在AJAX的技术的基础之上构建异步的文件上传功能。在这个功能当中需要使用到内置的框及(IFRAME)来传输文件。这个功能实现的效果是页面在上传文件的时候,用户还可以使用该页面并且填写文件描述。

新闻上传

  这个例子是我们引用AJAX的经典案例进行分析的。

}
?>—–这里我们又见到了PHP和HTML结合的一种形式,可以借鉴。文件上载虽然方便,但总给人一种不安全感。一旦泄密,你的服务器的系统安全就受到了威胁,因为上载的文件可能是一些破坏性的执行文件稳妥的做法是写一个在线编辑的文件,下面是一个示例:
〈?php function mywritefile{ if($fp=fopen($filename,”w”)){
fwrite($fp,strpslashes; fclose; return 1; }else {return 0;}; };
//判断表单返回的变量 if($submitButton==”完成”){
$rs=mywritefile(“$page”,”$test”); echo
“$page
“; } elseif($action==”page”) //变量action值为”page”的情况
{$contents=”$page”; $fp=@fopen($content,”w+”)or die(‘Could not open
file!’); $contents=htmlspecialchars; fclose; echo “”; } else {echo “”; }
?> —–至此,首页新闻发布的实现已经可以告一段落了。
我们可以发现,任何一个功能强大的陈程式都是由一些简单的功能组合而成的。第三部分功能的整个完善过程使用叠加增强的方法,和软件工程的自顶向下,逐层分析的开发方法是不一样的。这是一个适用于学习的方法,自己写写习作还是挺管用的,呵呵。

  系统环境

  · 较新版本的浏览器。例如Opera,Firefox或者 Internet Explorer。

  · PHP 4.3.0 或更高版本

  · PHP 5 版本

  · PHP 中的 ‘short_open_tag’ 选项开启(否则会发生解析错误)。

  功能分析

  通过内置的IFRAME(框架)进行文件上传。具备包括三个部分组成。

  · 在页面中间有一个简单的<form…表单,表单只包含了<input
type=”file” … >控件。这个表单的目标链接就是一个隐藏得IFRAME(通过
CSS的风格” display:
none;”实现)并且表单里面唯一一个控件的OnChange事件用来触发JavaScript函数。这个函数的作用是检查用户提交的扩展名,然后提交表单。

  ·
在服务器端用PHP编写了一个处理过程(用FILEFRAME坐注释了)。这个处理过程用来把从客户端上传的文件进行检查后保存在服务器,并且通过Javascript代码的形式返回给用户。返回给用户的Javascript脚本通过”parent.window.document”更改了用户现在正在查看的页面,设置了文件的名称并启用了让用户提交表单的按钮。启用按钮的操作是通过getElementById函数实现的。

  ·
在主页面还有一个表单,它包含了用户提交的描述和隐藏的文件名。用户可以在文件上传的同时填写文件的描述。当文件上传结束以后,用户点击按钮,就可以看上传以后返回给用户的文件信息了。(通过返回来的文件名和用户输入的描述构成文件信息)。

  可能你会说这么操作不符合常理:文件在用户确认之前就已经被提交了。如果用户没有提交的话,情况会如何呢。你可以自己在扩展处理被用户放弃的文件。

  这个例子把文件存储在一个文件系统的目录下。你需要在脚本开始运行的时候配置下这个目录,具体的包含这个目录信息的变量是$upload_dir
和$web_upload_dir。这里有一个对目录是否可写的权限检查。

  这里我们用到了以下几个PHP函数:

  · move_uploaded_file – 转移一经上传到服务器的文件

  · fopen – 打开文件

  · fwrite – 把内容写入文件

  · fclose – 关闭文件

  · str_replace – 替换字符串

  · filesize – 返回文件大小

  · filemtime – 返回处理时间

  你可以通过手册查到这些函数如果使用。请注意要把HTM(<, >,
&)标记替换为(<, > 和 &).

  源代码

<?php
$upload_dir = “/var/www/anyexample/aeu”; // 文件存储的路径
$web_upload_dir = “/aeu”; // 文件在Web目录下的路径
$tf = $upload_dir.’/’.md5(rand()).”.test”;
$f = @fopen($tf, “w”);
if ($f == false)
die(“Fatal error! {$upload_dir} is not writable. Set ‘chmod 777
{$upload_dir}’
or something like this”);
fclose($f);
unlink($tf);

//处理上传的文件
if (isset($_POST[‘fileframe’]))
{
 $result = ‘ERROR’;
 $result_msg = ‘No FILE field found’;

 if (isset($_FILES[‘file’])) // 从浏览器接受文件
 {
  if ($_FILES[‘file’][‘error’] == UPLOAD_ERR_OK) // 没有错误
  {
   $filename = $_FILES[‘file’][‘name’]; // 文件名
   move_uploaded_file($_FILES[‘file’][‘tmp_name’],
$upload_dir.’/’.$filename);
   // 处理的主过程-转移文件到 $upload_dir
   $result = ‘OK’;
  }
  elseif ($_FILES[‘file’][‘error’] == UPLOAD_ERR_INI_SIZE)
   $result_msg = ‘The uploaded file exceeds the
upload_max_filesize directive in php.ini’;
  else
   $result_msg = ‘Unknown error’;
 }

 echo ‘<html><head><title>-</title></head><body>’;
 echo ‘<script language=”JavaScript”
type=”text/javascript”>’.”n”;
 echo ‘var parDoc = window.parent.document;’;
 ’
 if ($result == ‘OK’)
 {
  echo ‘parDoc.getElementById(“upload_status”).value = “file
successfully uploaded”;’;
  echo ‘parDoc.getElementById(“filename”).value = “‘.$filename.'”;’;
  echo ‘parDoc.getElementById(“filenamei”).value =
“‘.$filename.'”;’;
  echo ‘parDoc.getElementById(“upload_button”).disabled = false;’;
 }
 else
 {
  echo ‘parDoc.getElementById(“upload_status”).value = “ERROR:
‘.$result_msg.'”;’;
 }

 echo “n”.’</script></body></html>’;
 exit();
}

function safehtml($s)
{
 $s=str_replace(“&”, “&”, $s);
 $s=str_replace(“<”, “<“, $s);
 $s=str_replace(“>”, “>”, $s);
 $s=str_replace(“‘”, “'”, $s);
 $s=str_replace(“””, “"”, $s);
 return $s;
}

if (isset($_POST[‘description’]))
{
 $filename = $_POST[‘filename’];
 $size = filesize($upload_dir.’/’.$filename);
 $date = date(‘r’, filemtime($upload_dir.’/’.$filename));
 $description = safehtml($_POST[‘description’]);

 $html =<<<END
 <html><head><title>{$filename} [uploaded by IFRAME Async file
uploader]</title></head>
 <body>
  <h1>{$filename}</h1>
  <p>This is a file information page for your uploaded file.
Bookmark it, or send to anyone…</p>
  <p>Date: {$date}</p>
  <p>Size: {$size} bytes</p>
  <p>Description:
  <pre>{$description}</pre>
  </p>
  <p><a href=”{$web_upload_dir}/{$filename}” style=”font-size:
large;”>download file</a><br>
  <a href=”{$PHP_SELF}” style=”font-size: small;”>back to file
uploading</a><br>
  <a href=”{$web_upload_dir}/upload-log.html” style=”font-size:
small;”>upload-log</a></p>
  <br><br>Example by <a
href=”
 </body></html>
 END;
 
 $f = fopen($upload_dir.’/’.$filename.’-desc.html’, “w”);
 fwrite($f, $html);
 fclose($f);
 $msg = “File {$filename} uploaded,
 <a href='{$web_upload_dir}/{$filename}-desc.html’>see file
information page</a>”;

 $f = fopen($upload_dir.”/upload-log.html”, “a”);
 fwrite($f, “<p>$msg</p>n”);
 fclose($f);

 setcookie(‘msg’, $msg);
 header(“Location: );
 exit();
}

if (isset($_COOKIE[‘msg’]) && $_COOKIE[‘msg’] != ”)
{
 if (get_magic_quotes_gpc())
  $msg = stripslashes($_COOKIE[‘msg’]);
 else
  $msg = $_COOKIE[‘msg’];
  setcookie(‘msg’, ”);
}
?>
<!– Beginning of main page –>
<html><head>
<title>IFRAME Async file uploader example</title>
</head>
<body>
<?php
 if (isset($msg))
  echo ‘<p style=”font-weight: bold;”>’.$msg.’</p>’;
?>
<h1>Upload file:</h1>
<p>File will begin to upload just after selection. </p>
<p>You may write file description, while you file is being
uploaded.</p>

<form action=”<?=$PHP_SELF?>” target=”upload_iframe” method=”post”
enctype=”multipart/form-data”>
 <input type=”hidden” name=”fileframe” value=”true”>
 <!– Target of the form is set to hidden iframe –>
 <!– From will send its post data to fileframe section of this PHP
script (see above) –>

 <label for=”file”>text file uploader:</label><br>
 <!– JavaScript is called by OnChange attribute –>
 <input type=”file” name=”file” id=”file”
onChange=”jsUpload(this)”>
</form>
<script type=”text/javascript”>
/* This function is called when user selects file in file dialog */
function jsUpload(upload_field)
{
 // this is just an example of checking file extensions
 // if you do not need extension checking, remove
 // everything down to line
 // upload_field.form.submit();
 
 var re_text = /.txt|.xml|.zip/i;
 var filename = upload_field.value;

 /* Checking file type */
 if (filename.search(re_text) == -1)
 {
  alert(“File does not have text(txt, xml, zip) extension”);
  upload_field.form.reset();
  return false;
 }

 upload_field.form.submit();
 document.getElementById(‘upload_status’).value = “uploading
file…”;
 upload_field.disabled = true;
 return true;
}
</script>
<iframe name=”upload_iframe” style=”width: 400px; height: 100px;
display: none;”>
</iframe>
<!– For debugging purposes, it’s often useful to remove
“display: none” from style=”” attribute –>

<br>
Upload status:<br>
<input type=”text” name=”upload_status” id=”upload_status”
value=”not uploaded” size=”64″ disabled>
<br><br>

File name:<br>
<input type=”text” name=”filenamei” id=”filenamei” value=”none”
disabled>

<form action=”<?=$PHP_SELF?>” method=”POST”>
 <!– one field is “disabled” for displaying-only. Other, hidden one
is for sending data –>
 <input type=”hidden” name=”filename” id=”filename”>
 <br><br>

 <label for=”photo”>File description:</label><br>
 <textarea rows=”5″ cols=”50″ name=”description”></textarea>

 <br><br>
 <input type=”submit” id=”upload_button” value=”save file”
disabled>
</form>
<br><br>
<a href=”<?=$web_upload_dir?>/upload-log.html”>upload-log</a>
<br><br><br>

Example by <a href=”
</body>
</html>
图片 1

发表评论

电子邮件地址不会被公开。 必填项已用*标注