时间:2021-05-25
首先,将下载的Uploadify压缩包解压放到公共文件夹内。实现代码如下:
前台html部分:
<script src="/uploadify/jquery.min.js" data-ke-src="/Public/uploadify/jquery.min.js" type="text/javascript"><script src="/uploadify/jquery.uploadify.min.js" data-ke-src="/Public/uploadify/jquery.uploadify.min.js" type="text/javascript"><link rel="stylesheet" type="text/css" href="/uploadify/uploadify.css" data-ke-src="/Public/uploadify/uploadify.css"><script type="text/javascript">var img_id_upload=new Array();//初始化数组,存储已经上传的图片名var i=0;//初始化数组下标$(function() { $('#file_upload').uploadify({ 'auto' : false,//关闭自动上传 'removeTimeout' : 600,//文件队列上传完成1秒后删除 'swf' : '/Public/uploadify/uploadify.swf', 'uploader' : '/_URL_/Article/uploadify', 'method' : 'post', //方法,服务端可以用$_POST数组获取数据 'buttonText' : '选择图片',//设置按钮文本 'multi' : true,//允许同时上传多张图片 'uploadLimit' : 8,//一次最多只允许上传10张图片 'fileTypeDesc' : 'Image Files',//只允许上传图像 'fileTypeExts' : '*.gif; *.jpg; *.png',//限制允许上传的图片后缀 'fileSizeLimit' : '2000KB',//限制上传的图片大小 'onUploadSuccess' : function(file, data, response) { //每次成功上传后执行的回调函数,从服务端返回数据到前端$('#image').append('<div style="float:left;margin:2px 0 0 2px"><img width="100px" height="100px" src="/uploads/'+data+'" data-ke-src="/uploads/'+data+'" height=80 width=80 />'); img_id_upload[i]=data; i++; } });});</script><input type="file" name="file_upload" id="file_upload" /><p><a href="javascript:$('#file_upload').uploadify('upload','');" data-ke-src="javascript:$('#file_upload').uploadify('upload','');">上传</a></p><br /><div id="image" class="image"><br />action执行代码部分:
public function uploadify() { $ph=M('Upload'); import('ORG.Net.UploadFile'); $upload = new UploadFile();// 实例化上传类 $upload->maxSize = 93145728 ;// 设置附件上传大小 $upload->saveRule =rand(1,9999); $upload->allowExts = array('jpg', 'gif', 'png', 'jpeg','flv','avi','mov');// 设置附件上传类型 $upload->savePath = './Uploads/';// 设置附件上传目录 if(!$upload->upload()) {// 上传错误提示错误信息 $this->error($upload->getErrorMsg()); }else{// 上传成功 获取上传文件信息 $info = $upload->getUploadFileInfo(); } for($i=0;$i<count($info);$i++) { $data['name']=$info[$i]['savename']; $data['size']=$info[$i]['size']; $data['type']=$info[$i]['extension']; echo $info[$i]['savename']; $rs=$ph->add($data); } }更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《smarty模板入门基础教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了ThinkPHP框架实现FTP图片上传功能。分享给大家供大家参考,具体如下:背景:图片上传功能应该是个极为普遍的,在此参考了ThinkPHP框架中
使用uploadify插件可方便实现图片上传功能。兼容ie6、ie7。上传成功之后使用插件的回调函数读取json数据,根据url实现图片预览。效果图:点击浏览文
本文实例讲述了Thinkphp5+uploadify实现的文件上传功能。分享给大家供大家参考,具体如下:初次接触服务器端开发,边学习边试着做一个OTA后台服务器
本文实例讲述了thinkphp框架表单数组实现图片批量上传功能。分享给大家供大家参考,具体如下:今天做一个表单数组实现图片批量上传,js不是很会,在网上找了资料
本文实例讲述了thinkPHP5框架整合plupload实现图片批量上传功能的方法。分享给大家供大家参考,具体如下:在官网下载pluploadhttp://ht