Thinkphp框架图片上传实例

其他 2018-12-04 10:14:47 阅读次数: 0
 
 
复制代码 
 【原文转载自：https://www.cnblogs.com/guoyachao/p/6282861.html】 
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>测试页面</title>
    <link rel="stylesheet" href="__PUBLIC__/Uploadify/uploadify.css">
    <js file='__PUBLIC__/Uploadify/jquery-1.9.1.min.js'/>
    <js file='__PUBLIC__/Uploadify/jquery.uploadify.min.js'/>
</head>
<body>
<p>1.自带上传类</p>
<div class="file_holder">
    <form action="__URL__/upload" enctype="multipart/form-data" method="post" >
    <input type="file" name="photo" />
    <input type="submit" value="提交" >
    </form>
</div>
<br>
<p>2.uploadify插件</p>
<div>
    <img id="img" src="http://www.thinkphp.cn/Public/new/img/header_logo.png" width="130" height="130" border="0" />
    <input id="file_upload" name="file_upload" type="file" multiple="true" value="" />
</div>
<p>图片的输出</p>
<div>
    <volist name="res" id="vo">
        <img src="__ROOT__/Uploads/{$vo.goods_img}" alt="" heigh="130" width="130">
    </volist>
</div>
</body>
<script type="text/javascript">
//上传插件
$(function() {
    $('#file_upload').uploadify({
        'swf'      : '__PUBLIC__/uploadify/uploadify.swf',//进度动画
        'uploader' : '{:U("Index/uploadify")}',
        'width' : 120,    //上传按钮宽度
        'height' : 30,    //上传按钮高度
        //'buttonText' : '上传头像',//提示
        'buttonImage' : '__PUBLIC__/Uploadify/browse-btn.png',    //上传按钮背景图地址 经测试火狐未安装flash图片显示错误
        'fileTypeDesc' : 'Image File',    //选择文件提示文字
        'fileTypeExts' : '*.jpeg; *.jpg; *.png; *.gif',    //允许选择的文件类型
        'onUploadSuccess' : function(file, data, response) {
            $('#img').attr('src','__ROOT__/Uploads/'+ data);
        },
    });
});
</script>
</html>
复制代码 
控制器代码

<?php
/**
 * 日    期：2017-1-13
 * 版    本：1.0.0
 * 功能说明：图片上传控制器演示。
 *
 **/
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller{
    public function index(){
        $this->display();
    }
    //自带上传类
    public function upload(){
        $upload = new \Think\Upload();// 实例化上传类
        $upload->maxSize   =     3145728 ;// 设置附件上传大小
        $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg','pdf');// 设置附件上传类型
        $upload->rootPath  =     './Uploads/'; // 设置附件上传根目录
        $upload->savePath  =     ''; // 设置附件上传（子）目录
        // 上传文件
        $info   =   $upload->upload();
        //print_r($info);
        if(!$info) {// 上传错误提示错误信息
            $this->error($upload->getError());
        }else{// 上传成功
            $this->success('上传成功！');
            foreach($info as $file){
                $bigimg = $file['savepath'].$file['savename'];
            }
        }
        $model = M('img');
        // 取得成功上传的文件信息
        $info = $upload->upload();
        // 保存当前数据对象
        $data['goods_img'] = $bigimg;
        $model->add($data);
    }
    //插件图像上传
    public function uploadify(){
        if (!empty($_FILES)) {
            //图片上传设置
            $config = array(   
                'maxSize'    =>    3145728,
                'savePath'   =>    '',  
                'saveName'   =>    array('uniqid',''),
                'exts'       =>    array('jpg', 'gif', 'png', 'jpeg'),  
                'autoSub'    =>    true,   
                'subName'    =>    array('date','Ymd'),
            );
            $upload = new \Think\Upload($config);// 实例化上传类
            $images = $upload->upload();
            //判断是否有图
            if($images){
                $info=$images['Filedata']['savepath'].$images['Filedata']['savename'];
                //返回文件地址和名给JS作回调用
                echo $info;
            }else{
                $this->error($upload->getError());//获取失败信息
            }
        }
        $model = M('img');
        // 保存当前数据对象
        $data['goods_img'] = $info;
        $model->add($data);
    }

？>
复制代码
 
 
复制代码 
 【原文转载自：https://www.cnblogs.com/guoyachao/p/6282861.html】 
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>测试页面</title>
    <link rel="stylesheet" href="__PUBLIC__/Uploadify/uploadify.css">
    <js file='__PUBLIC__/Uploadify/jquery-1.9.1.min.js'/>
    <js file='__PUBLIC__/Uploadify/jquery.uploadify.min.js'/>
</head>
<body>
<p>1.自带上传类</p>
<div class="file_holder">
    <form action="__URL__/upload" enctype="multipart/form-data" method="post" >
    <input type="file" name="photo" />
    <input type="submit" value="提交" >
    </form>
</div>
<br>
<p>2.uploadify插件</p>
<div>
    <img id="img" src="http://www.thinkphp.cn/Public/new/img/header_logo.png" width="130" height="130" border="0" />
    <input id="file_upload" name="file_upload" type="file" multiple="true" value="" />
</div>
<p>图片的输出</p>
<div>
    <volist name="res" id="vo">
        <img src="__ROOT__/Uploads/{$vo.goods_img}" alt="" heigh="130" width="130">
    </volist>
</div>
</body>
<script type="text/javascript">
//上传插件
$(function() {
    $('#file_upload').uploadify({
        'swf'      : '__PUBLIC__/uploadify/uploadify.swf',//进度动画
        'uploader' : '{:U("Index/uploadify")}',
        'width' : 120,    //上传按钮宽度
        'height' : 30,    //上传按钮高度
        //'buttonText' : '上传头像',//提示
        'buttonImage' : '__PUBLIC__/Uploadify/browse-btn.png',    //上传按钮背景图地址 经测试火狐未安装flash图片显示错误
        'fileTypeDesc' : 'Image File',    //选择文件提示文字
        'fileTypeExts' : '*.jpeg; *.jpg; *.png; *.gif',    //允许选择的文件类型
        'onUploadSuccess' : function(file, data, response) {
            $('#img').attr('src','__ROOT__/Uploads/'+ data);
        },
    });
});
</script>
</html>
复制代码 
控制器代码

<?php
/**
 * 日    期：2017-1-13
 * 版    本：1.0.0
 * 功能说明：图片上传控制器演示。
 *
 **/
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller{
    public function index(){
        $this->display();
    }
    //自带上传类
    public function upload(){
        $upload = new \Think\Upload();// 实例化上传类
        $upload->maxSize   =     3145728 ;// 设置附件上传大小
        $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg','pdf');// 设置附件上传类型
        $upload->rootPath  =     './Uploads/'; // 设置附件上传根目录
        $upload->savePath  =     ''; // 设置附件上传（子）目录
        // 上传文件
        $info   =   $upload->upload();
        //print_r($info);
        if(!$info) {// 上传错误提示错误信息
            $this->error($upload->getError());
        }else{// 上传成功
            $this->success('上传成功！');
            foreach($info as $file){
                $bigimg = $file['savepath'].$file['savename'];
            }
        }
        $model = M('img');
        // 取得成功上传的文件信息
        $info = $upload->upload();
        // 保存当前数据对象
        $data['goods_img'] = $bigimg;
        $model->add($data);
    }
    //插件图像上传
    public function uploadify(){
        if (!empty($_FILES)) {
            //图片上传设置
            $config = array(   
                'maxSize'    =>    3145728,
                'savePath'   =>    '',  
                'saveName'   =>    array('uniqid',''),
                'exts'       =>    array('jpg', 'gif', 'png', 'jpeg'),  
                'autoSub'    =>    true,   
                'subName'    =>    array('date','Ymd'),
            );
            $upload = new \Think\Upload($config);// 实例化上传类
            $images = $upload->upload();
            //判断是否有图
            if($images){
                $info=$images['Filedata']['savepath'].$images['Filedata']['savename'];
                //返回文件地址和名给JS作回调用
                echo $info;
            }else{
                $this->error($upload->getError());//获取失败信息
            }
        }
        $model = M('img');
        // 保存当前数据对象
        $data['goods_img'] = $info;
        $model->add($data);
    }

？>
复制代码

猜你喜欢

转载自www.cnblogs.com/lvhaiqing/p/10062422.html
今日推荐
NetBSD 禁止提交由 AI 生成的代码
Apache Doris 2.0.10 版本正式发布！
开源日报 | 大模型开战；大模型独角兽被曝卖身；周鸿祎建议谷歌开源所有产品；最大开源AI社区提供1000万美元共享GPU
开源日报 | Chrome内置Gemini的意义不在于Gemini；中国AI追随之路的五大误区；ECharts创始人“下海”养鱼；谷歌I/O开发者大会什么都有，只是没有惊喜
微软回应中国区AI团队“打包赴美”传闻
基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！
周排行
女程序员是这样被恶搞的
B/S 和 C/S 的优缺点
vector一直申请会怎样？
座头鲸识别比赛(Humpback Whale Identification)总结
Linux高性能服务器编程——I/O复用 select
Mysql连接数据库（当包使用）
通过URI获取的文件路径为null的解决方法
1022-Primes on Interval(素数筛选+二分查找) ZCMU
Python出现： TypeError: expected string or buffer
bzoj2434: [Noi2011]阿狸的打字机 ac自动机+树状数组
每日归档
更多
2024-05-18(4)
2024-05-17(34)
2024-05-16(6)
2024-05-15(24)
2024-05-14(0)
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022