微客导航 » 文章资讯 » thinkPHP5框架整合plupload实现图片批量上传功能的方法

thinkPHP5框架整合plupload实现图片批量上传功能的方法

2023-09-21 14:32:05 176

本文实例讲述了thinkPHP5框架整合plupload实现图片批量上传功能的方法。分享给大家供大家参考，具体如下：

在官网下载pluploadhttp://http//www.plupload.com

或者点击此处本站下载。

这里我们使用的是pluploadQueue

在HTML页面引入相应的css和js，然后根据示例代码修改为自己的代码


{:lang('photo')}

{:lang('plupupload_tip')}

$(function(){ //Setuphtml5version $("#uploader").pluploadQueue({ //Generalsettings runtimes:'html5,flash,silverlight,html4', url:'{:url("photo/upphoto")}', chunk_size:'1mb', rename:true, dragdrop:true, filters:{ //Maximumfilesize max_file_size:'10mb', //Specifywhatfilestobrowsefor mime_types:[ {title:"Imagefiles",extensions:"jpg,gif,png"} ] }, //Resizeimagesonclientsideifwecan resize:{width:320,height:240,quality:90}, flash_swf_url:'/assets/plupupload/Moxie.swf', silverlight_xap_url:'/assets/plupupload/Moxie.xap', init:{ PostInit:function(){ $('#uploaded').html(""); }, FileUploaded:function(uploader,files,result){ up_image=result.response; if(up_image!=""){ $("#uploaded").append("");//这里获取到上传结果 } } } }); });

plupload整合：

最后Controller或Model获取结果并保存

$images=$request->post('images/a');//这里一定要注意，thinkphp通过name获取post数组时会获取不到数据，需要在name后加/a，表示获取数组详见Request的typeCast
model('PhotoImage')->query_insert($images,$id);//批量插入图片

/**
*强制类型转换
*@paramstring$data
*@paramstring$type
*@returnmixed
*/
privatefunctiontypeCast(&$data,$type)
{
switch(strtolower($type)){
//数组
case'a':
$data=(array)$data;
break;
//数字
case'd':
$data=(int)$data;
break;
//浮点
case'f':
$data=(float)$data;
break;
//布尔
case'b':
$data=(boolean)$data;
break;
//字符串
case's':
default:
if(is_scalar($data)){
$data=(string)$data;
}else{
thrownew\InvalidArgumentException('variabletypeerror：'.gettype($data));
}
}
}

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《ZendFrameWork框架入门教程》及《PHP模板技术总结》。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

thinkPHP5框架整合plupload实现图片批量上传功能的方法

{:lang('photo')}

热门推荐

随机推荐