08-05更新ThinkPHP + swfupload多图上传实例经典实用的php多图上传

  

,,,,先上一张图片给大家看看效果,有需要就下载学习。不一定非要在ThinkPHP里,只是我非常喜欢去用ThinkPHP做开发了。

,,,,,  08-05更新ThinkPHP + swfupload多图上传实例经典实用的php多图上传

,,,,好了。现在咱们需要的东西,是下载一个swfupload.js网上很多,自己百度吧。之前有人加我QQ说我写的博文大部分都是代码,看不懂,我以后写博文也先说明思路,然后开始贴代码分享

,,,,,整个多图上传的流程

,,,, 1。写好html代码,包括上传以后显示的效果的html,以及加载swfupload组件。和flash

,,,, 2。在添加图片以后上传到php里处理上传并且返回上传图片的地址,加载到预览区域里。

,,,, 3。点击X以后,ajax调用php的方法去删除预览区域的图片。

,,,, 4。在添加图片和删除预览区域的图片的同时,都会更改一个隐藏域的值,这样在完成整个上传提交表单以后可以把图片的地址保存到数据库。(看需要)

,,,,,好了,先写html代码吧。(css文件我就不贴了)

,,,,

& lt; ! DOCTYPE  html  PUBLIC “-//W3C//DTD  XHTML  1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;   & lt; html  xmlns=癶ttp://www.w3.org/1999/xhtml"比;   & lt; head>   & lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8",/比;   & lt; meta  http-equiv=癈ache-control",内容=八饺?must-revalidate",/比;   flash & lt; title>无刷新多图片上传& lt;/title>   & lt; script 类型=拔谋?javascript"比;   var 路径=& # 39;__STYLE__& # 39;;   var  url=& # 39; __URL__& # 39;;   & lt;/script>   & lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" __STYLE__/js/jquery.js ">