昨天弄了一下午，可谓的错误接连不断，心情莫名烦燥了，心理素质有待提高。。。做此功能：利用ajax上传文件，处理文件，返回文件名，再和其它域一块提交
光ajaxfileupload.js插件就找了好几个，老报错，总感觉是插件下载的不对。。
html部分：
<html>
<head>
<title>Ajax File Uploader Plugin For Jquery</title>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
<link href="ajaxfileupload.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajaxfileupload.js"></script>
<script type="text/javascript">
function ajaxFileUpload()
{
$.ajaxFileUpload
(
{
url:'doajaxfileupload.php',
secureuri:false,
fileElementId:'fileToUpload',
dataType: 'json',
data:{name:'logan', id:'id'},
success: function (data, status)
{
if(typeof(data.error) != 'undefined')
{
if(data.error != '')
{
alert(data.error);
}else
{
$("#file_name").val(data.msg);
alert(data.msg);
}
}
},
error: function (data, status, e)
{
alert(e);
}
}
)
return false;
}
</script>
</head>
<body>
<div id="wrapper">
<div id="content">
<h1>Ajax File Upload Demo</h1>
<img id="loading" src="loading.gif" style="display:none;">
<form name="form" action="" method="POST" enctype="multipart/form-data">
<input type="text" name="username" />
<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input">
<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button>
<input type="hidden" id="file_name" name="file_name" value="" />
</form>
</div>
</body>
</html>
doajaxfileupload.php:
<?php
$error = "";
$msg = "";
$fileElementName = 'fileToUpload';
$filename=$_FILES['fileToUpload']['name'];
$arr=explode('.',$filename);
$last='.'.array_pop($arr);
$new_name=uniqid().time().$last;
if(!empty($_FILES[$fileElementName]['error']))
{
switch($_FILES[$fileElementName]['error'])
{
case '1':
$error = 'The uploaded file exceeds the upload_max_filesize directive in php.ini';
break;
case '2':
$error = 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form';
break;
case '3':
$error = 'The uploaded file was only partially uploaded';
break;
case '4':
$error = 'No file was uploaded.';
break;
case '6':
$error = 'Missing a temporary folder';
break;
case '7':
$error = 'Failed to write file to disk';
break;
case '8':
$error = 'File upload stopped by extension';
break;
case '999':
default:
$error = 'No error code avaiable';
}
}elseif(empty($_FILES['fileToUpload']['tmp_name']) || $_FILES['fileToUpload']['tmp_name'] == 'none')
{
$error = 'No file was uploaded..';
}elseif(!move_uploaded_file($_FILES['fileToUpload']['tmp_name'],'./test/'.$new_name)){
//file_put_contents('a.txt',$_FILES['fileToUpload']['tmp_name']);
$error='移动不成功';
}else {
//$msg .= " File Name: " . $_FILES['fileToUpload']['name'] . ", ";
//$msg .= " File Size: " . @filesize($_FILES['fileToUpload']['tmp_name']);
$msg=$new_name;
@unlink($_FILES['fileToUpload']);
}
echo "{";
echo "error: '" . $error . "',\n";
echo "msg: '" . $msg . "'\n";
echo "}";
?>
关于报错的一些问题：
jQuery.handleError is not a function 经测试handlerError只在jquery-1.4.2之前的版本中存在，jquery-1.6 和1.7中都没有这个函数了，这个比较蛋疼。。