AJax技术

AJAX+PHP的应用教程示例源码(2)

字号+ 作者:H5之家 来源:H5之家 2015-11-21 10:04 我要评论( )

上传文件:upload.html //上传表单,指定target属性为浮动框架iframe1 <form action="/upload.php" method="post" enctype="multipart/form-data" target="iframe1"> 选择要上传的图片:<input type="file"><b

上传文件:upload.html
//上传表单,指定target属性为浮动框架iframe1
<form action="/upload.php" method="post" enctype="multipart/form-data" target="iframe1">

选择要上传的图片:<input type="file"><br />
<input type="submit" value="上传图片">
</form>
//显示提示信息的层
<div></div>
//用来做目标窗口的浮动框架
<iframe scrolling="no"></iframe>


  处理上传的PHP文件:upload.php

<?php
 /* 定义常量 */
 //定义允许上传的MIME格式
 define("UPLOAD_IMAGE_MIME", "image/pjpeg,image/jpg,image/jpeg,image/gif,image/x-png,image/png");
 //图片允许大小,字节
 define("UPLOAD_IMAGE_SIZE", 102400);
 //图片大小用KB为单位来表示
 define("UPLOAD_IMAGE_SIZE_KB", 100);
 //图片上传的路径
 define("UPLOAD_IMAGE_PATH", "./upload/");
 //获取允许的图像格式
 $mime = explode(",", USER_FACE_MIME);
 $is_vaild = 0;
 //遍历所有允许格式
 foreach ($mime as $type)
 {
  if ($_FILES['image']['type'] == $type)
  {
   $is_vaild = 1;
  }
 }
 //如果格式正确,并且没有超过大小就上传上去
 if ($is_vaild && $_FILES['image']['size']<=USER_FACE_SIZE && $_FILES['image']['size']>0)
 {
  if (move_uploaded_file($_FILES['image']['tmp_name'], USER_IMAGE_PATH . $_FILES['image']['name']))
  {
   $upload_msg ="上传图片成功!";
  }
  else
  {
   $upload_msg = "上传图片文件失败";
  }
 }
 else
 {
  $upload_msg = "上传图片失败,可能是文件超过". USER_FACE_SIZE_KB ."KB、或者图片文件为空、或文件格式不正确";
 }
 //解析模板文件
 $smarty->assign("upload_msg", $upload_msg);
 $smarty->display("upload.tpl");
?>
模板文件:upload.tpl
{if $upload_msg != ""}
callbackMessage("{$upload_msg}");
{/if}
//回调的JavaScript函数,用来在父窗口显示信息
function callbackMessage(msg)
{
 //把父窗口显示消息的层打开
 parent.document.getElementById("message").style.display = "block";
 //把本窗口获取的消息写上去
 parent.document.getElementById("message").innerHTML = msg;
 //并且设置为3秒后自动关闭父窗口的消息显示
 setTimeout("parent.document.getElementById('message').style.display = 'none'", 3000);
}


  使用异步回调的方式过程有点复杂,但是基本实现了Ajax、以及信息提示的功能,如果接受模板的信息提示比较多,那么还可以通过设置层的方式来处理,这个随机应变吧。

  [ 结束语 ]

  这是一种非常良好的Web开发技术,虽然出现时间比较长,但是到现在才慢慢火起来,也希望带给Web开发界一次变革,让我们朝RIA(富客户端)的开发迈进,当然,任何东西有利也有弊端,如果过多的使用JavaScript,那么客户端将非常臃肿,不利于用户的浏览体验,如何在做到快速的亲前提下,还能够做到好的用户体验,这就需要Web开发者共同努力了。

上一篇:[SEO优化]一个完美网站的101项指...
下一篇:PHP+AJAX中文乱码问题解决方法
搜百度:

  • 相关 的文章:
  • 网友评论全部评论 

      位网友发表了看法  


     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • Ajax与WEB开发 by alixixi.com

      Ajax与WEB开发 by alixixi.com

      2016-02-11 11:02

    • Ajax PHP分页演示_php技巧

      Ajax PHP分页演示_php技巧

      2015-11-22 17:27

    • 【ajax】相关的资讯文章

      【ajax】相关的资讯文章

      2015-11-22 10:19

    • php+ajax实时刷新简单实例_php技巧

      php+ajax实时刷新简单实例_php技巧

      2015-11-20 08:33

    网友点评