uploadify多图上传php,Uploadify多上传图片插件

*图片:

需要引入的js、css:

JS代码处理:

$(function() {

$('#file_upload').uploadify({

'formData': {

'<?php  echo session_name();?>': '<?php  echo session_id();?>'

},

'uploader'        : '{:U("uploads")}'+ "?session_id=<?php  echo session_id(); ?>",

'swf'             : '__PUBLIC__/admin/uploadify/uploadify.swf',

'auto'            : true, //是否自动开始上传

'debug'           : false,// 是否开启浏览器调试

'buttonText'      : '请选择图片', // 上传按钮文字

'fileTypeExts'    :'*.jpg;*.gif;*.bmp;*.png;*.jpeg', //允许的图片类型

'fileSizeLimit'   : '2MB', // 允许的单张图片的自大值

'multi'           : false, //是否允许多张图片一起上传

'uploadLimit'     :6,       //允许上传数量

'successTimeout'  : 10, //等待服务器响应时间

'removeTimeout'   : 0.2, //成功显示时间

'onFallback':function(){

alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");

},

'onUploadSuccess' : function(file,data,response){

//alert(data);

data = $.parseJSON(data);

                var Image = "

\

\

删除

";

if($("a[class=del]").length>=5){

alert("暂不支持5条以上!");

}else{

$("#previewImgs").append(Image);

}

}

});

});

// ajax 删除预览列表中的一张图片

function goDel(objdom,src){

$(objdom).parent().remove();

return false;

}

php后台处理图片返回JSON数据:public function uploads (){

$upload = new \Think\Upload();

$upload->exts      =  array('jpg', 'gif', 'png', 'jpeg');

$upload->rootPath  =  './Uploads/';

$upload->savePath  =  '/image/commodity/';

if (!is_dir($upload->savePath)) {

mkdir($upload->savePath,0777,TRUE);

}

$info = $upload->upload();

if(!$info) {

echo json_encode($upload->getError());

}else{

// 上传成功

$info['Filedata']['savepath'] = str_replace('image', 'Uploads/image', $info['Filedata']['savepath']);

$path = $info['Filedata']['savepath'] . $info['Filedata']['savename'];

$image = new \Think\Image();

$image->open('.'.$path);

$thumbpath = '.'.$info['Filedata']['savepath'] . $info['Filedata']['savename'];

//$image->thumb(148, 84)->save($thumbpath);

$path = ltrim($path,'.');

$thumbpath = ltrim($thumbpath,'.');

$data = array(

'imgpath' =>$path,

'thumbpath' => $thumbpath

);

echo json_encode($data);

}

}

注意 :  上传图片时session丢失, 只需要修改thinkphp/conf/convention.php中,将VAR_SESSION_ID前面的注释去掉,然后在客户端这样配置下:'uploader'        : '{:U("uploads")}'+ "?session_id=<?php  echo session_id(); ?>",

即可.

参考链接:  http://m.blog.csdn.net/qq_29845761/article/details/49803427

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值