thinkphp实现图片上传功能

关于图片上传，实现方法很多，比如可以用jQuery，当然，我们的thinkPHP内置了关于图片上传的功能，我们可以直接使用，使用方法如下：

首先，是表单书写，我们建立如下表单：

<form action="__URL__/addChk" method="post" enctype="multipart/form-data">
 <table cellspacing="1" cellpadding="2" width="99%" align="center" border="0">
  <tbody>
   <tr>
   <th align="left" colspan="2" height="25">添加新游戏</th>
   </tr>
   <tr>
   <td width="17%" height="23">游戏名称</td>
   <td width="83%"><strong><input type="text" name="gamename" /></strong></td>
   </tr>
   <tr>
   <td height="23">游戏图片</td>
   <td ><input type="file" name="gameimg"/></td>
   </tr>
   <tr>
   <td width="17%" height="23">游戏简介<span></span></td>
   <td width="83%"><textarea name="gameinfo" cols="30" rows="5"></textarea></td>
   </tr>
   <tr>
   <td height="23">游戏地址：</td>
   <td>
   <input type="text" name="gamelink"/></td>
   </tr>
   <tr>
   <td height="23" colspan="2" ><input type="submit" value="添加" />
    <input type="reset" value="重新填写"/></td>
   </tr>
  </tbody>
  </table>
</form>

这里有个非常重要的地方，就是一定要在表单项目添加上enctype="multipart/form-data"这一点是非常重要的，因为这个是允许你上传的类型的，如果没有他，就不能上传，关于enctype的其他几种类型，我会在以后的文章上说明。这里我们新建php文件AddAction.class.php,代码如下;

class AddAction extends Action{
 /**
 * 说明：ThinkPHP文件上传测试函数
 * 版本：1.0 

 */
 public function addChk(){
   //导入图片上传类
   import("ORG.Net.UploadFile");
   //实例化上传类
   $upload = new UploadFile();
   $upload->maxSize = 3145728;
   //设置文件上传类型
   $upload->allowExts = array('jpg','gif','png','jpeg');
   //设置文件上传位置
   $upload->savePath = "./Public/Uploads/";//这里说明一下，由于ThinkPHP是有入口文件的，所以这里的./Public是指网站根目录下的Public文件夹
   //设置文件上传名(按照时间)
   $upload->saveRule = "time";
   if (!$upload->upload()){
    $this->error($upload->getErrorMsg());
   }else{
    //上传成功，获取上传信息
    $info = $upload->getUploadFileInfo();
   } 

   //保存表单数据，包括上传的图片
   $game = M("Game");
   $game->create();
   $savename = $info[0]['savename'];
   //$savepath = $info[0]['savepath'];
   //$aa = $savepath.$savename;
   //dump($aa);
   $imgurl = "http://demo.dutycode.com/Public/Uploads/".$savename;//这里是设置文件的url注意使用.不是+
   //dump($imgurl);
   $data['gamename'] = $_POST['gamename'];
   $data['gameimg'] = $imgurl;
   $data['gameinfo'] = $_POST['gameinfo'];
   $data['gamelink'] = $_POST['gamelink'];
   $data['publishtime'] = date("Y-m-d H:i:s");
   $res = $game->add($data);//写入数据库
   if ($res){
    $this->redirect("addGame","",2,"添加成功！两秒后跳回");
   }else{
    $this->redirect("addGame","",2,"失败！两秒后跳回");
   }
}

这里说明一下，首先是php中的连接符是点（.）不是+,这一点在很多java使用者里面通常使用+连接两个字符串的，所以这一点容易混淆。

以上就是针对thinkphp图片上传功能实现代码的介绍，帮助大家更好的学习掌握php程序设计。

赞 (0)

相关推荐

  • 使用ThinkPHP生成缩略图及显示

    使用ThinkPHP生成缩略图及显示

    使用ThinkPHP生成缩略图及显示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 首先了解父类Image.class.php(ThinkPHP/Library/Think/Image.class.php)中的一些函数 1:open() 打开被处理的图片 2:thumb() 生成缩略图 默认1等比缩放  (其中2,3,4,5,6代表的含义参见父类文件Image.class.php) 3:save() 缩略图到服务器 生成缩略图步骤分以下四步 * 1.实例化 * 2.打开图片open() *

  • Thinkphp调用Image类生成缩略图的方法

    本文实例讲述了Thinkphp调用Image类生成缩略图的方法.分享给大家供大家参考.具体分析如下: Thinkphp的Image类 在ThinkPHP/Extend/Library/ORG/Util/Image.class.php中. 调用方法如下: import("ORG.Util.Image"); $Img = new Image();//实例化图片类对象 $image_path = './图片路径'; //若当前php文件在Thinkphp的中APP_PATH路径中 //'./

  • thinkphp ajaxfileupload实现异步上传图片的示例

    thinkphp开发图片上传,图片异步上传是目前比较方便的功能,这里我就不写css文件了,将代码写出来.引入核心文件下载https://github.com/carlcarl/A... HTML 下面首先在html页面引入相关js资源 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片上传</title>

  • thinkPHP实现上传图片及生成缩略图功能示例

    本文实例讲述了thinkPHP实现上传图片及生成缩略图功能.分享给大家供大家参考,具体如下: 记录一下在thinkPHP上传图片的方法(Upload)和生成缩略图(Image)的方法. html页面form中必须加enctype="multipart/form-data" <form action="__SELF__" method="post" enctype="multipart/form-data"> <

  • 基于ThinkPHP5.0实现图片上传插件

    基于ThinkPHP5.0实现图片上传插件

    效果预览图: 该插件主要功能是:可预览裁剪图片和保存原图片,执行裁剪图片后会删除 裁剪的原图片目录,以便减少空间. 一.下载附件 地址:链接: https://pan.baidu.com/s/1nuQ4NgP  密码: 4pbu 二.将附件中的CropAvatar.php放到自己程序目录extend/org目录下,如果遇到 exif_imagetype 错误,需要打开 php.ini 中的 extension=php_exif.dll 三.common.php公共函数 找到应用程序目录下的com

  • thinkphp3.2.2实现生成多张缩略图的方法

    本文实例讲述了thinkphp3.2.2实现生成多张缩略图的方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: public function dz_upload() { //上传多张缩略图   上传2张缩略图     if (isset($_FILES['ori_img'])){     $upload = new \Think\UploadFile();// 实例化上传类     $upload->maxSize = 3000000 ;// 设置附件上传大小  C('UP

  • thinkphp jquery实现图片上传和预览效果

    thinkphp jquery实现图片上传和预览效果

    先上效果图: 那个file按钮样式先忽略 点击选择图片(浏览),随便选一张图片 js代码如下 //上传图片立即预览 function PreviewImage(imgFile) { var filextension = imgFile.value.substring(imgFile.value .lastIndexOf("."), imgFile.value.length); filextension = filextension.toLowerCase(); if ((filexte

  • thinkphp实现图片上传功能分享

    1.我们首先需要创建一个表 复制代码 代码如下: CREATE TABLE IF NOT EXISTS `tp_image` (  `id` int(11) NOT NULL AUTO_INCREMENT,  `image` varchar(200) NOT NULL,  `create_time` int(11) NOT NULL,  PRIMARY KEY (`id`)) ENGINE=MyISAM  DEFAULT CHARSET=utf8; 2.然后再conf文件里添加配置(最后一段配置

  • thinkphp实现图片上传功能

    关于图片上传,实现方法很多,比如可以用jQuery,当然,我们的thinkPHP内置了关于图片上传的功能,我们可以直接使用,使用方法如下: 首先,是表单书写,我们建立如下表单: <form action="__URL__/addChk" method="post" enctype="multipart/form-data"> <table cellspacing="1" cellpadding="2

  • java使用CKEditor实现图片上传功能

    java使用CKEditor实现图片上传功能

    java如何使用CKEditor实现图片上传功能,具体内容如下 1.根据实际需要下载指定的CKEditor 2.删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显示上传选项卡 删除image.js中包含在双引号中的上述文本 将image.js中的hidden属性值改为0 3.修改ckeditor/config.js文件,配置"上传到服务器"按钮调用的controller接口 4."上传到服务器&

  • iOS实现压缩图片上传功能

    本文实例为大家分享了iOS实现压缩图片上传功能,供大家参考,具体内容如下 #pragma mark - 打开相机 -(void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info{ UIImage *image = info[UIImagePickerControllerOriginalImage]; s

  • ThinkPHP实现图片上传操作的方法详解

    本文实例讲述了ThinkPHP实现图片上传操作的方法.分享给大家供大家参考,具体如下: 直接上个例子,其中包括有单图片文件上传.多图片文件上传.以及删除文件的一些操作.放置删除数据库的时候,仅仅删除掉了数据库之中的文件路径.而不是一并删除服务器之中的文件.放置服务器爆炸.. TP里面common文件夹里面function.php里面自定义方法: <?php //文件上传类(可以设置多个参数) function upload($file=null,$maxSize=0,$exts=0,$saveP

  • 使用express+multer实现node中的图片上传功能

    使用express+multer实现node中的图片上传功能

    下文给大家介绍使用express+multer实现node中的图片上传功能,具体内容介绍如下所示: 在前端中,我们使用ajax来异步上传图片,使用file-input来上传图片,使用formdata对象来处理图片数据,post到服务器中 在node中使用multer中间件来对上传路由接口进行处理 multer文档 package.json html部分 <body> <div class="form-group"> <label>File input

  • 微信小程序基于腾讯云对象存储的图片上传功能

    在使用腾讯云对象存储之前,公司一直使用的是传统的FTP的上传模式,而随着用户量的不断增加,FTP所暴露出来的问题也越来越多,1.传输效率低,上传速度慢.2.时常有上传其他文件来攻击服务器,安全上得不到保障.所以我们在经过慎重考虑觉得使用第三方的云存储服务. 在最开始的时候我们在腾讯云与阿里云中选择,最终我们选择腾讯云,腾讯云在文件上传用时方面的性能比较突出,文件越大表现越好:在下载用时方面表现略优于阿里云:文件删除用时方面总体速度略逊于,但在不同大小文件删除用时上都比较稳定.当然这与我们主要用于

  • vue中利用simplemde实现markdown编辑器（增加图片上传功能）

    前言 最近在搭个人博客网站,需要一个 markdown 编辑器,来进行博客的编写 看了网上的教程,决定使用 simplemde 以为可以直接能拿来用的 不过实际运用的时候发现还是有要完善的地方 比如令人头疼的图片上传 最终效果 安装及初始化 npm install simplemde --save 在html中加入一个textarea <textarea id="simplemde"></textarea> 在vue的生命周期函数 mounted 中,添加 si

  • Vue2.0 实现移动端图片上传功能

    本文主要介绍VUE2.0图片上传功能的实现.原理是通过js控制和input标签的方式完成这一效果,无需加载其他组件. 效果图如下: 1.DOM代码 1.1input标签 由于我们是通过input标签的方式进行图片上传的,但是input标签的样式有点丑,所以我们隐藏该样式display: none <input @change="fileChange($event)" type="file" id="upload_file" multiple

  • 详解vue 图片上传功能

    这次做了vue页面的图片上传功能,不带裁剪功能的! 首先是html代码,在input框上添加change事件,如下: <ul class="clearfix"> <li v-if="imgs.length>0" v-for='(item ,index ) in imgs'> <img :src="item"> </li> <li style="position:relative

  • jQuery+ThinkPHP实现图片上传

    本文实例为大家分享了jQuery+ThinkPHP实现图片上传的具体代码,供大家参考,具体内容如下 一,利用js实现上传图片时,实时预览相关代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>预览选择的图片</title> <script src="http://libs.baidu.com/jquery/2.1.4/jque

随机推荐