Thinkphp 3.0版本上传文件加图片缩略图实例解析

先看html加个表单,注意这里的action 路径要选 对。

<div>
    <form action="__URL__/add_img" enctype="multipart/form-data" method="post" style="padding:10px;" >
        图片宽度:<input type="text" name="width"  />
        图片长度:<input type="text" name="height" />
        <input type="file" name="photo" />
        <input type="submit" value="提交" >
    </form>

</div>

然后在控制器里加如下代码:

function add_img()
{
    if($_POST[‘width‘]&&$_POST[‘height‘])
    {
        $rs=import(‘ORG.Net.UploadFile‘);
        $upload=new UploadFile();
        $upload->maxSize=2097153;  //设置上传文件大小为2M
        $root_path=BATH_PATH;       //等下好上传
        $sub_path=‘/image/wapphoto/‘;//一切为了上传
        $upload->savePath =BATH_PATH .‘/image/wapphoto/‘;// 设置附件上传目录
        $upload->allowExts  = array(‘jpg‘, ‘gif‘, ‘png‘, ‘jpeg‘);// 设置附件上传类型
        $upload->thumb = true;
        $upload->thumbMaxWidth = $_POST[‘width‘];
        $upload->thumbMaxHeight = $_POST[‘height‘];
        $file->thumbPath=BATH_PATH .‘/image/wapphoto/‘;//缩略图保存路径
        $file->thumbRemoveOrigin=true;//生成缩略图是否删除原图片
        if(!$upload->upload())
        {// 上传错误提示错误信息

            $this->error($upload->getErrorMsg());

        }else{// 上传成功 获取上传文件信息

            $info =  $upload->getUploadFileInfo();
            // $size=$_POST[‘width‘].‘*‘.$_POST[‘height‘];
             // print_r($info);
            $model=M(‘wap_photo‘);
            $model->photo=$sub_path.‘thumb_‘. $info[0]["savename"];
            $model->size=$_POST[‘width‘].‘*‘.$_POST[‘height‘];
            $model->time=time();
            $model->add();
            $this->success("数据保存成功!");

        }

    }else
    {
        echo ‘上传失败‘;
        return false;
    }
}
时间: 2024-10-25 03:41:14

Thinkphp 3.0版本上传文件加图片缩略图实例解析的相关文章

input type=&#39;file&#39; 上传文件 判断图片的大小是否合格与witdh 和 height 是否合格

function CheckFiles(obj) { var array = new Array('gif', 'jpeg', 'png', 'jpg'); //可以上传的文件类型 if (obj.value == '') { alert("让选择要上传的图片!"); return false; } else { var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用:) var isE

使用FormData上传文件、图片

关于FormData XMLHttpRequest Level 2添加了一个新的接口  ---- FormData 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XMLHttpRequest的 send( ) 方法来异步提交表单 与普通的ajax相比,使用FormData的最大优点就是可以异步上传二进制文件 FormData对象 FormData对象,可以把所有表单元素的name与value组成一个queryString,提交到后台. 在使用ajax提交时,使用

SpringMVC上传文件(图片)并保存到本地

SpringMVC上传文件(图片)并保存到本地 小记一波~ 基本的MVC配置就不展示了,这里给出核心代码 在spring-mvc的配置文件中写入如下配置 <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize">

vue element-ui,上传文件加载进度条显示效果(使用定时器实现源码分享)

上传文件效果如图: 父组件相关代码 html <drag-upload ref='mychild' action="//接口相关地址" v-model="versionwareList" @submitUploadParent='formSubmit' @input='delUpload' :autoUpload="autoUpload" :visible="visible" :disabled="disabl

C# 结合html5 批量上传文件和图片预览

html5 新特性 <input id="imgsf" type="file" name="imgsf" multiple  /> input  file 中增加 multiple   属性可以选择多文件.IE9以下版本不兼容 <form id="form1" method="post" action="upload_json.ashx" enctype="m

ueditor1.4.3配置过程(包含单独上传文件以及图片的使用)

这里使用的是ueditor1.4.3的jsp版本的UTF-8版本. 首先下载相应的ueditor,将ueditor文件夹直接拷贝到项目中,文件结构如下所示: 然后将项目要用的jar包导入到lib目录下,在导入之前要先修改一下ueditor的jar包中的bug,这个可以参考这里点击打开链接 接着就是配置jsp目录下的config.json文件了,让它能适应我们的项目,配置内容如下: /* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionN

ajaxFileUpload上传文件成功后却无法解析服务器返回的json数据

ajaxFileUpload是一款很好用的文件上传插件,网上也有很多关于它的版本,但在上传文件成功后想返回json数据给前台时,却会出现无法解析json数据的情况. 仔细调试发现其实在向服务器提交数据后,是进入了success回调函数的,只是没有解析到json数据.那就说明服务器做出了响应的,进入了success方法的,唯一的问题就是前台接受的数据不是json格式的. 使用console.log输出data发现并不是纯粹的json数据,其中头部多了<pre style="word-wrap

MVC与webservice上传文件(图片和视频),希望帮且到一些朋友

最近做一个项目,要把图片和视频传到服务器上(网站与图片服务器分开),在网上找了好久,没找到完整的资料. 自己也折腾了半天,才把完整的代码实现完.可能好多朋友都有实现过,没分享代码吧,写得不好希望不要见笑!! 下面贴代码吧:首先MVC代码: public string UploadVide() { string requesturl = ""; string result = "video/Videoitem/"; HttpFileCollectionBase fil

Webform之FileUpload(上传按钮控件)简单介绍及下载、上传文件时图片预览

1.FileUpload上传控件:(原文:http://www.cnblogs.com/hide0511/archive/2006/09/24/513201.html) FileUpload 控件显示一个文本框控件和一个浏览按钮,使用户可以选择客户端上的文件并将它上载到 Web 服务器.用户通过在控件的文本框中输入本地计算机上文件的完整路径(例如,C:\MyFiles\TestFile.txt)来指定要上载的文件.用户也可以通过单击“浏览”按钮,然后在“选择文件”对话框中定位文件来选择文件.