https://www.cnblogs.com/wupeiky/p/5802191.html
 
 【原文转载自：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);

    }

？>

Thinkphp框架图片上传实例的更多相关文章

  1. Thinkphp整合阿里云OSS图片上传实例

    Thinkphp3.2整合阿里云OSS图片上传实例,图片上传至OSS可减少服务器压力,节省宽带,安全又稳定,阿里云OSS对于做负载均衡非常方便,不用传到各个服务器了 首先引入阿里云OSS类库 < ...

  2. layui加tp5图片上传实例

    <div class="layui-fluid"> <div class="layui-row"> <form class=&qu ...

  3. PHP多图片上传实例demo

    upload.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...

  4. PHP结合zyupload多功能图片上传实例

    PHP结合zyupload多功能图片上传实例,支持拖拽和裁剪.可以自定义高度和宽度,类型,远程上传地址等. zyupload上传基本配置 $("#zyupload").zyUplo ...

  5. PHP 多图片上传实例demo

    upload.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...

  6. laravel框架图片上传

    1.建控制器方法 2.建立路由 绑定控制器方法 3.进行图片上传的配置 修改图片上传的路径 a) config/filesystems.php 修改disks->local->root(图 ...

  7. webuploader项目中多图片上传实例

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  8. asp.net图片上传实例

    网站后台都需要有上传图片的功能,下面的例子就是实现有关图片上传. 缺点:图片上传到本服务器上,不适合大量图片上传. 第一.图片上传,代码如下: xxx.aspx 复制代码代码如下: <td cl ...

  9. thinkphp 多图片上传 单图片上传

    不管是单图片上传还是多图片上传都必须要引用这两个js 下载地址 链接:http://pan.baidu.com/s/1eStkUt0 密码:asvo <script src="Publ ...

随机推荐

  1. csacademy Round #36(模拟+最坏情况)

    传送门 题意 给出n种袜子,每种袜子个数a[i],两只相同种类袜子配成一对,询问至少拿出多少只袜子能确保配出k对袜子 分析 In order to find out the minimum numbe ...

  2. 2016多校8th 1008【线段树-神题】

    题意: T N M N个数 M个操作 一个数组A, 有3个操作 1 l r x,a[l]-a[r]都+x 2 l r,a[i]=sqrt(a[i]),l<=i<=r 3 l r,求和,a[ ...

  3. dfs，bfs的二分匹配模板（模板题hdu1150）

    如果不懂匈牙利算法,请点击:该趣味算法http://blog.csdn.net/dark_scope/article/details/8880547 模板: //DFS版本下的二分匹配算法 http: ...

  4. python实现基数排序

    # 基数排序有着局限性,只能是整数,# 排序的时候要先排后面一个条件的(多条件排序)#如本例中,先从个位开始排起# 多关键字排序# 从低关键字开始排序 # @File: radix_sort #### ...

  5. Codeforces Round #408 (Div. 2) B

    Description Zane the wizard is going to perform a magic show shuffling the cups. There are n cups, n ...

  6. LCA UESTC 92 Journey

    题目传送门 题意:先给一棵树,然后有一条额外的边,问u走到v从现在最短的路走和原来不加边走的路节省了多少距离 分析:首先跑不加边的树的LCA,这样能求出任意两点的距离,那么现在x和y多连了一条边,如果 ...

  7. Linux Ubuntu 14.04 LTS下VirtualBox连接USB

    1.环境 主机:Ubuntu 14.04 LTS 虚拟机:Windows 7 专业版本 VirtualBox: 图形用户界面版本 5.1.8 r111374 (Qt5.6.1) 2.在主机上给Virt ...

  8. DOCTYPE的使用

    定义和用法 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. <!DOCTYPE> 声明不是 HTML 标签:它是指示 we ...

  9. 150 Evaluate Reverse Polish Notation 逆波兰表达式求值

    求在 逆波兰表示法 中算术表达式的值.有效的运算符号包括 +, -, *, / .每个运算对象可以是整数,也可以是另一个逆波兰计数表达.例如:  ["2", "1&quo ...

  10. Java迭代器的用法【转】

    迭代器(Iterator) 迭代器是一种设计模式,它是一个对象,它可以遍历并选择序列中的对象,而开发人员不需要了解该序列的底层结构.迭代器通常被称为“轻量级”对象,因为创建它的代价小. Java中的I ...