jQuery Ajax文件上传(php)- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery Ajax文件上传(php)

技术文章搜索

关键字

Javascript 中的 jQuery Ajax文件上传(php)

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 313 ::

收藏到网摘: n/a

jquery.alert 弹出式复选框实现代码 jquery 上下滚动广告

今我在网上找了好久哟。。。才找到JQUERY方式的异步文件上传，赶紧记了下来。实际上在用PHP上传文件时。。。只能用$_FILES形式，但是若我们只是单一的用JS方式取其ID，如<input id='img' type='file'>..document.getElementById('img').value或者jquery形式的$("#img")都是不能正真实际上传的（但是还是有很多人这样做，刚开始时我也是）。
可是功能上又要要求实现所谓的“异步上传”，怎么办呢？？只能借助于第三方的组件，或者自己写一个。但如果是考虑开发时间，那以用第三方的，这里有一个不错的jQuery的Ajax文件上传的组件，是“ajaxfileupload.js",其组件下载地址为：http://www.phpletter.com/，下载完毕里面有一个php的应用demo，很容易看懂的。
过程：
首先引入JQUERY的主文件：

复制代码代码如下:

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="ajaxfileupload.js"></script> 
­ 
再写一个传值文件 
­ 
<script type="text/javascript"> 
function ajaxFileUpload() 
{ 
$.ajaxFileUpload 
( 
{ 
[url='/cms/manage/newsajax/newsadd']url:'/cms/manage/newsajax/newsadd'[/url], 
secureuri:false, 
fileElementId:'img', 
dataType: 'text', 
success: function (data) 
{ 
alert(data); 
} 
} 
) 
return false; 
} 
</script> 

这样客户端就完成了。
再服务器端时，为了简便检测是否真正的传值过来了，你可以打印$_FILES.

var_dump($_FILES);

这样你又看到你熟悉的数组了：

复制代码代码如下:

array( 
'name'=>'lamp.jpg', 
'type'=>'image/pjpeg', 
'tmp_name'=>'c:\windows\temp\phpFA.tmp', 
'error'=>0, 
'size'=>3127 
) 

。。。就这么简单。。。。有问题的朋友可以联系我哟。。。QQ：944597216，（这个博客我不经常上）

jquery.alert 弹出式复选框实现代码 jquery 上下滚动广告

Javascript 中的 jQuery Ajax文件上传(php)

评论 (0) All