jquery ajaxfileupload插件的使用,记下笔记方便后面查看
上传页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>上传物流信息</title>
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./js/ajaxfileupload.js"></script>
<script type="text/javascript">
$(function(){
/**
异步上传文件
*/
$('#filex').change(function(){
$.ajaxFileUpload({
url : 'upfile.php', //需要链接到服务器地址
secureuri : false,
fileElementId : 'filex', //文件选择框的id属性
dataType : 'text', //服务器返回的格式
success : function(data,status) //相当于java中try语句块的用法
{
if(data!='error'){//上传成功,更新消息内容!!!
console.log(data+"-------"+status);
$('.up_url').val(data);
}else{
alert('文件发送失败!!!');
console.log(data+"-------"+status);
}
},
error : function(data, status, e) //相当于java中catch语句块的用法
{
alert('文件发送失败,请联系技术!!!'+status);
}
}
);
});
});
</script>
</head>
<body>
<form action="writer_erp.php" method="post" enctype="multipart/form-data">
<!--file中的name和id不能一样-->
上传:<input type="file" id="filex" name="file" /><br/><br/>
<input type="text" readonly="readonly" name="up_url" class="up_url" />
</form>
</body>
</html>
异步上传后台代码:
upfile.php
<?php
$fname=iconv("UTF-8","gbk//TRANSLIT",$_FILES['file']['name']);
$url='./updata/'.date('Ymd',time());
cfile($url);
$arr=explode('.', $fname);
$s=count($arr);
$hj=$arr[$s-1];
$url.="/".rand(10000000, 99999999).".".$hj;
//$url.="/".$fname;
// echo $url;die;
if(move_uploaded_file($_FILES['file']['tmp_name'],$url)){
$msg=$url;
}else{
$msg= "error";
}
echo $msg;
function cfile($y) {
if (! file_exists ( $y )) {
cfile ( dirname ( $y ) );
mkdir ( $y, 0777 );
}
return $y;
}
?>
<a href="http://download.csdn.net/detail/u010533511/9197005">下载ajaxfileupload.js</a>