jQuery插件 Ajax导步上传文件
1、操作步骤:
1、首先引入jQuery.js库文件及jQuery.fileupload.js.
2、模板文件主要代码:
查看源代码
打印帮助
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload"/>
<input type="button" value="上传" onclick="return ajaxFileUpload();" />
</form>
<script language="javascript">
function ajaxFileUpload(){
$.ajaxFileUpload({
url:'服务端上传处理文件',
secureuri:false,
fileElementId:'fileToUpload',
dataType: 'json',
success: function (data, status){
if(data.flag == 1){
alert("上传成功!");
}else{
alert("上传失败!");
}
},
error: function (data, status, e){
alert(e);
}
})
return false;
}
</script>
3、服务端的上传文件代码,我就不列出来了,网上一搜,也挺多的!反正最后输出一个数组,并用json_encode($arr)序列化输出.如我的是:
$results = array('flag'=>$flag); //$flag是上传后,返回的逻辑值(1=>成功,0=>失败)
echo json_encode($results);
exit;
OK,到此基本就可以测试了.