Ajax 文件上传之PHP心得
2008-07-10 15:01
435 查看
最近发现网上转载不注明出处的文章很多,为了创造一个良好的开源环境.请您转载后注明出处.谢谢合作!这样会鼓励我们的开源欲望.
jquery这个JS组件不知道大家用过没有?在有一定的Ajax基础之后,利用它来开发Ajax是一件非常有趣的事情,一直以来就被Js的传统编程环境所烦的.它可以简化我的的JS代码,加快你们的开发速度,代码一目了然.一但有了自己的编程习惯之后,那可以说会如鱼得水.
今天利用Jquery的FileUpload组件,再结合Php那简单的文件上传组件,一个非常高效的Ajax文件上传工具就搞定啦.可以实现我们一般的程序要求,下面就和大家分享一下,免得和我一样在网上找来找去都没得一个实用的,最后还得自己写一个.~_~
效果图如下:
JS代码:
<scripttype="text/javascript"language="javascript">
functionajaxFileUpload()
{
$("#loading")
.ajaxStart(function(){
$(this).show();
})
.ajaxComplete(function(){
$(this).hide();
});
$.ajaxFileUpload
(
{
url:'up.php',
secureuri:false,
fileElementId:'fileToUpload',
dataType:'html',
success:function(data)
{
alert(data);
},
error:function(data,status,e)
{
alert(e);
}
}
)
returnfalse;
}
</script>
Php文件上件处理代码:
html部分:
<tablecellpadding="0"cellspacing="0"class="tableForm">
<thead>
<tr>
<th>
fkedwgwy-Ajax_Php_file_upload</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<inputid="fileToUpload"type="file"size="45"name="fileToUpload"></td>
</tr>
<tr>
<td>
请选择文件上传(PHP家园QQ群:37304662)</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>
<buttonclass="button"id="buttonUpload"onclick="returnajaxFileUpload();">
Upload</button>
<ahref="http://blog.csdn.net/fkedwgwy">http://blog.csdn.net/fkedwgwy</a></td>
</tr>
</tfoot>
</table>
原代码下载地址:http://download.csdn.net/source/533941
[/code]
jquery这个JS组件不知道大家用过没有?在有一定的Ajax基础之后,利用它来开发Ajax是一件非常有趣的事情,一直以来就被Js的传统编程环境所烦的.它可以简化我的的JS代码,加快你们的开发速度,代码一目了然.一但有了自己的编程习惯之后,那可以说会如鱼得水.
今天利用Jquery的FileUpload组件,再结合Php那简单的文件上传组件,一个非常高效的Ajax文件上传工具就搞定啦.可以实现我们一般的程序要求,下面就和大家分享一下,免得和我一样在网上找来找去都没得一个实用的,最后还得自己写一个.~_~
效果图如下:
JS代码:
#--time:2008.07.10--# #--anthor:fkedwgwy--# #--QQ群:37304662--# #--blog:http://blog.csdn.net/fkedwgwy--# #--欢迎您加入PHP开源的殿堂.--# functionuploadFile($file,$isImage=false){ set_time_limit(0); $file_name=$file['name']; $file_type=$file['type']; $file_tmpname=$file['tmp_name']; $file_size=$file['size']; $file_error=$file['error']; if(!empty($file_name)){ if($isImage==true){ if($file_error==UPLOAD_ERROR_OK){ if($file_type=="image/gif"||$file_type=="image/jpg"||$file_type=="image/pjpeg"||$file_type=="image/jpeg"||$file_type=="image/x-png") { $upload_path="file/"; $upload_name=strrchr($file_name,"."); $upload_name=date("YmdHiss").$upload_name; $upload_path=$upload_path.$upload_name; if(move_uploaded_file($file_tmpname,$upload_path)){ return$upload_path; }else{ $msg="上传失败"; } }else{ $error="图片格式不对"; } }else{ $error=$file_error; } }else{ if($file_error==UPLOAD_ERROR_OK){ $upload_path="file/"; $upload_name=strrchr($file_name,"."); $upload_name=date("YmdHis").$upload_name; $upload_path.=$upload_name; if(move_uploaded_file($file_tmpname,$upload_path)){ return$upload_path; }else{ $msg="上传失败"; } } } }else{ if($isImage==true){ $error="请选择你要上传的图片"; }else{ $error="请选择你要上传的软件"; } } }
[/code]
相关文章推荐
- Ajax 文件上传之PHP心得
- 如何实现jQuery的Ajax文件上传,PHP如实文件上传. AJAX上传文件,PHP上传文件。
- ajax 上传文件到php
- jQuery+php实现ajax文件即时上传
- ajax+php无刷新文件上传(ajaxuploadfile)
- PHP+Ajax实现上传文件进度条动态显示进度功能
- php使用jquery Form ajax 提交表单,并上传文件
- jQuery+php+ajax+PHPExcel实现上传excel文件导入数据库
- AjaxFileUpload文件上传组件(php+jQuery+ajax)
- jQuery+php实现ajax文件即时上传的详解
- AjaxFileUpload文件上传组件(php+jQuery+ajax)
- jQuery+php实现ajax文件即时上传
- javascript及php笔记:自己动手写一个ajax异步上传文件的jquery插件
- html5+php如何实现ajax上传文件
- File, FileReader 和 Ajax 文件上传实例分析(php)
- PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
- php 学习记录 formdata 文件上传 ajax html5
- 使用ajaxfileupload.js实现ajax上传文件php版
- jQuery+php实现ajax文件即时上传
- php Ajax 文件上传实例分析