php flash jQuery多图上传源代码分享
Flash php是一个上传多张图片的源代码。测试成功了。它是一个经典的上传源代码。为什么使用flash作为上传组件?其实不仅仅是flash,还有jquery技术。这样做的目的是为了更好更方便地管理图片。用过QQ空间上传图片的童鞋都知道QQ空间上传图片的体验很好,管理我们上传的图片非常方便。使用的技术基本上是flash和jquery技术。
Flash jquery显示为前端图片上传,需要结合php将图片上传到指定目标。这里php中有两个文件,一个upload.php是上传的核心代码,而index.php是集成flash php jquery技术的组合,将提交的图片上传到上传目录。另外还有一个文件夹images,叫做upload.swf flash文件和jquery.js文件。技术已经实现了,剩下的就是如何与数据库集成很简单,这里就不详细解释了。
渲染:
密钥代码:
upload.php
?PHP $ uploaddir=' upload/';$filename=date('Ymdhis ')。兰特(100,999);$uploadfile=$uploaddir。$ filename . substr($ _ FILES[' Filedata '][' name '],str pos($ _ FILES[' Filedata '][' name '],'.'));$ temploadfile=$ _ FILES[' Filedata '][' tmp _ name '];move _ uploaded _ file($ tempload file,$ upload file);//将数据返回给js,以便在页面上处理$ filedata=array ('result'=' true ',' name '=$ _ files[' file data '][' name '],' filepath'=$ uploadfile,);echo JSON _ encode($ file data);退出;index.php
html health eta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/title swfupload/title script src=' http : images/jquery。js ' type=' text/JavaScript '/script script/*上传错误信息提示*/函数showmessage(消息){alert(消息);} /*显示文件名称*/函数集文件名(标识,文件名){标识=替换字符串(标识);var html=' Li ID=' ID ' ' p ' filename/PP class=' load ' 0%/p/Li ';$('#uploadPut ').追加(html }/*显示上传进度*/函数setfileload(ID,load){ ID=replaceStr(ID);$("#"标识)。加载')。html(加载);} /*返回服务上传的数据*/函数setfilepath(ID,数据){ ID=replaceStr(ID);var s=eval('(' data ')');if(s . result==' true '){ $(“#”ID).html(' img id=' s . id ' ' src=' s .文件路径' '/br/' s . name);} else { $(“#”ID).html(s.name)上传失败');} } /*替换特殊字符*/函数替换字符串(ID){ var reg=new RegExp('[=,/,\,%,#,(,),-,},{,]',' g ');//创建正则正则表达式对象var ID=ID.replace(reg,' ');返回标识;}/脚本/头像主{宽度:610像素x重量:0像素汽车;border:1px固体# E1 E1 font-size :12 px;padding:10px }。主p {行高:10 px宽度宽度:500像素右浮动:文本-缩进:20像素;} .上传上传{宽度:100%;clear:both} ul,Li { margin :0 pxpadding :0 pxlist-style : none } .上传上传Li { width :120 pxpadding :10 px文本对齐:居中;border:1px固体# ccc飞越:隐藏;背景-color : # E1 E1 E1;线高:25 pxfloat:leftmargin:5px } .上传上传img { width:120px高度:90 px}/stylebody div class='main '?php /获取项目跟路径$baseURL='http://' .$_SERVER ['SERVER_NAME'].($_SERVER ['SERVER_PORT']==80)?'' : ':' .$_SERVER ['SERVER_PORT']).((($path=str_ireplace('\\ ','/',dirname($ _ SERVER[' SCRIPT _ NAME '])))=='/')?' ' : $ path);//设置swfupload参数$flashvars='uploadURL=' .urlencode($baseURL)./上传。PHP’);#上传提交地址$flashvars .='buttonImageURL=' .urlencode($baseURL)./图像/上传。png ');#按钮背景图片$flashvars .=' btnWidth=95#按钮宽度$flashvars .=' btnHeight=35 #按钮高度$flashvars .=' fileNumber=20#每次最多上传20个文件$flashvars .=' fileSize=200#单个文件上传大小为2000万美元=' bgColor=# ffffff#背景颜色$flashvars .='文件类型描述=图像;#选择文件类型$flashvars .='fileType=* .jpg*。巴布亚新几内亚;*.gif*。“JPEG”;#选择文件后缀名?对象样式="左浮动:"宽度=' 95 '高度=' 35 '数据='图像/上传。swf ' type=' application/x-冲击波-闪光'参数值=“透明”名称=“wmode”参数值='图像/上传。swf ' name=' movie '参数值=“高”名称=“质量”参数值='false '名称='menu '参数值=“始终”名称=“allowscriptess”参数值='?php echo $ flashvars?name=' flashvars '/对象p允许上传格式JPG,GIF,JEPG,巴布亚新几内亚,每个文件不超过20MB,一次可上传多20张!/p div class='上传put ' ul id='上传put '/ul div style=' clear : both;'/div /div /div/body/html其实这种组合的上传技术在许多大型的网站上面都有,更多的是应用在图片的管理上面,比如51 空间的图片管理,基本功能都是类似的,重要的一定要学习一下闪光与服务器端编程语言(专业超文本预处理器的缩写)之间的通信技术,在大型的开发中,这种技术会经常出现的。
源码下载:http://霞仔。JB 51。net/201607/马援/php flash(jb51.net ).rar
更多精彩内容,请点击《jQuery上传操作汇总》 ,进行深入学习和研究。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
版权声明:php flash jQuery多图上传源代码分享是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。