如何实现Uploadify多上传图片插件

小编给大家分享一下如何实现Uploadify多上传图片插件，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

html:

    *图片：    
                
            
        
        
 
    

需要引入的js、css:

JS代码处理：

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=",

以上是"如何实现Uploadify多上传图片插件"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！