文件上传实例: 无刷新 & 重命名 & 回调

  • 重命名 : 为防止文件名重复, 使用的规则是 年月日时分秒 + 随机数序
  • Ajax & callback : use jquery.form.js

html+js:

<html>
<body>

<!--表单-->
<form action="upload_file.php" method="post" enctype="multipart/form-data" id="xhdform">
	<input type="file" name="file" id="file" />
	<input type="hidden" name="xxx" />
	<input type="submit" name="submit" value="Submit" />
</form> 

<div id="ooo"> <!--where to callback--> </div>

<script src="/jquery.min.js"></script>   
<script src="/jquery.form.js"></script> 
<script type="text/javascript">
	//JQ
	$(document).ready(function() {
		$('#xhdform').submit(function() {
			var options = {
				target: '#ooo', //where to callback
				url: 'upload_file.php', //form的action地址
				type: 'post',
				success: function() {
					$('#xxx').val($('#ooo').text());  //what to callback
				}
			};
			$(this).ajaxSubmit(options);
			return false;
		});
	});
</script>
</body>
</html>

upload_file.php:

<?php 
$folder = 'upload/';
if (! file_exists ( $folder )) {mkdir ( $folder );}//新增: create folder "upload"
if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"] == "image/jpg") || ($_FILES["file"]["type"] == "image/png")) // 允许上传的文件类型
&& ($_FILES["file"]["size"] < 20000)) // max size
if( preg_match( "#^image/((?:gif)|(?:jpg)|(?:jpeg)|(?:png))$#is", $_FILES["file"]["type"], $match ) && ($_FILES["file"]["size"] < 2097152) )
// 20000差不多是20kb太小了, 刚才修改了一下, 改成2M; 另外此行preg_match和上面["file"]["type"]==的效果一样
  {
  if ($_FILES["file"]["error"] > 0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br />";
    }
  else
    {
    echo "Upload: " . $_FILES["file"]["name"] . "<br />";
    echo "Type: " . $_FILES["file"]["type"] . "<br />";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";

    if (file_exists("upload/" . $_FILES["file"]["name"])) // if file already exists
      {
      echo $_FILES["file"]["name"] . " already exists. ";
      }

    else
      {
		// rename rule begin ~~~~ xiaohudie
		for ( $i=0; $i<10; $i++ )
		$rand = substr($rand2,mt_rand(0,strlen($rand2)-1),1);
		$rand2 = '1234567890abcdefghijklmnopgrstuvwxyz';
		$id = date("YmdHis").'_'.$rand;  //输出格式例如: 20130503112737_npcajvurig 
		move_uploaded_file(   $_FILES["file"]["tmp_name"],  "upload/" . $id  .".jpg"  ); //在upload文件夹保存图片并重命名, 添加.jpg后缀
		echo "Stored in: " . "upload/" . $id  .".jpg";
		
      }
    }
  }
else
  {
  echo "Invalid file";
  }  
?>

代码写多了感觉自己中文跟不上节奏了, 专注装逼十九年其实我想用全英文写注释的

LIKE OR SHARE IT:

admin发表于Code目录下,标签为,转载请保留链接

TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言!

  1. 沙 发 xsinger

    沙发

    五月 4, 2013 12:37:10
  2. 板 凳 大发

    自我价值与自我修养.avi

    五月 4, 2013 12:52:41
  3. 地 板 yxiao

    那就英文注释呗。

    五月 4, 2013 13:56:55
  4. 地 毯 馒头饭madfan

    我以为来到了某个开源项目论坛=w=

    五月 4, 2013 17:10:45
  5. 地 面 予沐

    过来发发牢骚。

    …….

    好了。

    五月 4, 2013 18:08:30
  6. 地 下 Rilun

    这个Ajax还是不错滴 如果是在wordpress里面的话,直接调用内置的

    五月 4, 2013 18:32:13
  7. 7 楼 公子

    你的代码插件也是wp-syntax?

    五月 4, 2013 21:17:35
  8. 8 楼 airoschou

    看你什么时候不出教程!

    五月 4, 2013 21:29:20
  9. 9 楼 郑永

    哈哈,习惯了。。。现在好像越来越专注代码了,不仅探讨wordpress了,呵呵,对于学习是非常好的帮助。

    五月 4, 2013 22:13:59
  10. 10 楼 ChoJemmy

    即使我不懂,也要顽强的留言

    五月 4, 2013 23:56:44
  11. 11 楼 airoschou

    发现你现在博客打开越来越快了,是新的机子好?

    五月 5, 2013 00:26:27
  12. 12 楼 陈羽凡博客

    果断围观飘过!

    五月 5, 2013 15:45:24
  13. 13 楼 梦月酱

    纯代码模式开启。。

    五月 6, 2013 17:48:04