<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="ajaxfileupload（php+ajax）实现图片文件上传功能实例" id="card1">
<p> 游客</p><p>
标题:ajaxfileupload（php+ajax）实现图片文件上传功能实例<br/>
正文:<br/>
项目中常用的异步文件上传功能有几种，比较多见的如使用iframe框架形式，ajax功能效果（比如：JavaScript图片上传预览效果） ，以及flash+php功能，下面介绍ajax与iframe实现异步文件上传的功能的例子。方法一，利用jquery ajaxfileupload.js实现文件上传其实就是实现无刷新式的文件上传。可采用IFRAME文件上传原理。实际上在用PHP上传文件时。。。只能用$_FILES形式，但是若我们只是单一的用JS方式取其ID，如&amp;lt;input id='img' type='file'&amp;gt;..document.getElementById('img').value或者jquery形式的$(&amp;quot;#img&amp;quot;)都是不能正真实际上传的（但是还是有很多人这样做，刚开始时我也是）。可是功能上又要要求实现所谓的&amp;ldquo;异步上传&amp;rdquo;，怎么办呢？只能借助于第三方的组件，或者自己写一个（在网页里嵌入一个IFRAME）。但如果是考虑开发时间，建议用第三方的，这里有一个不错的jQuery 的Ajax文件上传的组件，即&amp;ldquo;ajaxfileupload.js&amp;quot;,其组件下载地址为：http://camnpr.com/downloadCamnpr/ajaxfileupload.js过程：(1 )前端文件的代码： test.php代码如下:&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;jquery.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;  &amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;ajaxfileupload.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt; function ajaxFileUpload(){$.ajaxFileUpload(  { url:'doajaxfileupload.php', //你处理上传文件的服务端 secureuri:false, fileElementId:'i<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1529&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1529&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1529&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1529&amp;Page=3">[3]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1529&amp;Page=8">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=1529">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=1529">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>