基于thinkphp的uploadify上传图功能
php Action server端
<?php
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
/**
* Description of UploadAction
*
* @author hxwj
*/
class UploadAction extends CommonAction{
public function _initialize(){
//此处为解决Uploadify在火狐下出现http 302错误 又一次设置SESSION
$session_name = session_name();
if (isset($_POST[$session_name])) {
session_id($_POST[$session_name]);
session_start();
}
}
public function upload(){
import("ORG.Net.UploadFile");
//导入上传类
if($_FILES){
$upload = new UploadFile();
//设置上传文件大小
$upload->maxSize = 204800;
//设置上传文件类型
$upload->allowExts = array('jpg', 'gif', 'png', 'jpeg');
//设置附件上传文件夹
$upload->thumb = true;
$upload->thumbPrefix = 'm_'; //生产2张缩略图
//设置缩略图最大宽度
$upload->thumbMaxWidth = '400,100';
//设置缩略图最大高度
$upload->thumbMaxHeight = '400,100';
$upload->savePath = './Uploads/shunongjj/';
//设置须要生成缩略图,仅对图像文件有效
// 设置引用图片类库包路径
//删除原图
//$upload->thumbRemoveOrigin = true;
if (!$upload->upload()) {
//捕获上传异常
//$this->error($upload->getErrorMsg());
$data['status']='0';
$this->ajaxReturn($data,'json');
} else {
//取得成功上传的文件信息
$info = $upload->getUploadFileInfo();
$imgpath = '/Uploads/shunongjj/'.$info[0]['savename'];
$data['picurl'] = $imgpath;
$data['status']='100';
$this->ajaxReturn($data,'json');
}
}
}
/*
* 无缩略图
*/
public function upload_wsl(){
import("ORG.Net.UploadFile");
//导入上传类
if($_FILES){
$upload = new UploadFile();
//设置上传文件大小
$upload->maxSize = 204800;
//设置上传文件类型
$upload->allowExts = array('jpg', 'gif', 'png', 'jpeg');
//设置附件上传文件夹
$upload->savePath = './Uploads/shunongjj/';
//设置须要生成缩略图,仅对图像文件有效
// 设置引用图片类库包路径
//删除原图
//$upload->thumbRemoveOrigin = true;
if (!$upload->upload()) {
//捕获上传异常
//$this->error($upload->getErrorMsg());
$data['status']='0';
return false;
// $this->ajaxReturn("","上传失败","");
} else {
//取得成功上传的文件信息
$info = $upload->getUploadFileInfo();
return $imgpath = '/Uploads/shunongjj/'.$info[0]['savename'];
}
}
}
/*
* 公司轮换首页图片
*/
public function upload_index(){
import("ORG.Net.UploadFile");
//导入上传类
if($_FILES){
$upload = new UploadFile();
//设置上传文件大小
$upload->maxSize = 204800;
//设置上传文件类型
$upload->allowExts = array('jpg', 'gif', 'png', 'jpeg');
//设置附件上传文件夹
$upload->savePath = './Uploads/shunongjj/';
//设置须要生成缩略图,仅对图像文件有效
// 设置引用图片类库包路径
//删除原图
//$upload->thumbRemoveOrigin = true;
if (!$upload->upload()) {
//捕获上传异常
//$this->error($upload->getErrorMsg());
$data['status']='0';
$this->ajaxReturn($data,'json');
} else {
//取得成功上传的文件信息
$info = $upload->getUploadFileInfo();
$imgpath = '/Uploads/shunongjj/'.$info[0]['savename'];
$data['picurl'] = $imgpath;
$data['status']='100';
$this->ajaxReturn($data,'json');
}
}
}
}
?>
模板 tpl 端
html
<input id="file_upload" name="file_upload" type="file" />(图片上传规范:176*107)
js
<script src="__PUBLIC__/uploadify/jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/uploadify/uploadify.css"/>
/**
* uploadify插件上产图片
*/
$("#file_upload").uploadify({
//指定swf文件
'swf': '__PUBLIC__/uploadify/uploadify.swf',
//后台处理的页面
'uploader': '{:U("Upload/upload")}',
//button显示的文字
'buttonText': '上传图片',
//显示的高度和宽度,默认 height 30;width 120
//'height': 15,
//'width': 80,
//上传文件的类型 默觉得全部文件 'All Files' ; '*.*'
//在浏览窗体底部的文件类型下拉菜单中显示的文本
'fileTypeDesc': 'Image Files',
//同意上传的文件后缀
'fileTypeExts': '*.gif; *.jpg; *.png',
//发送给后台的其它參数通过formData指定
//'formData': { 'someKey': 'someValue', 'someOtherKey': 1 },
//上传文件页面中,你想要用来作为文件队列的元素的id, 默觉得false 自己主动生成, 不带#
//'queueID': 'fileQueue',
//选择文件后自己主动上传
'auto': true,
//设置为true将同意多文件上传
'onUploadSuccess': function(file, data, response){
var data = $.parseJSON(data);
if(data.status==100) {
$("#img_show").html("<img src='"+data.picurl+"'/>");
$("#img_url").val(data.picurl);
}else{
alert("上传失败,可能是您上传的图片大小不符合规范,请重试!");
}
}
});
});
基于thinkphp的uploadify上传图功能的更多相关文章
- MVC 4 结合jquery.uploadify 上传实例
前言:由于今天公司源代码服务瘫痪,没法编写代码,利用这个有限的时间,做了一个小小的 基于MVC的图片上传demo,貌似近些年来MVC十分火爆,相关的demo也数不胜数,小弟就在这里打着MVC的旗子,狐 ...
- uploadify 上传文件插件
今天在项目中要用到文件上传功能时,想借助Jquery方式来实现,于是想到用uploadify插件来实现.不经意间在网上看到了一遍关于这个插件的用法,写的很好.在这里就分享给大家,希望对大家有帮助.以下 ...
- 使用uploadify上传控件无法进入后台问题分析
分别在.net mvc 和java struts2中使用到 uploadify上传 文件,遇到同样的问题,选中文件上传后,文件无法上传,打上断点后发现没有进入后台. 逐步断点发现 项目共同点是加入了 ...
- 【javascript】html5中使用canvas编写头像上传截取功能
[javascript]html5中使用canvas编写头像上传截取功能 本人对canvas很是喜欢,于是想仿照新浪微博头像上传功能(前端使用canvas) 本程序目前在谷歌浏览器和火狐浏览器测试可用 ...
- JavaWeb实现文件上传下载功能实例解析
转:http://www.cnblogs.com/xdp-gacl/p/4200090.html JavaWeb实现文件上传下载功能实例解析 在Web应用系统开发中,文件上传和下载功能是非常常用的功能 ...
- 文件上传~Uploadify上传控件~续(多文件上传)
对于Uploadify文件上传之前已经讲过一次(文件上传~Uploadify上传控件),只不过没有涉及到多文件的上传,这回主要说一下多个文件的上传,首先,我们要清楚一个概念,多文件上传前端Upload ...
- Thinkphp拖拽上传文件-使用webuploader插件(自己改动了一些地方)——分片上传
html页面: <!DOCTYPE html> <html class="js cssanimations"> <head> <meta ...
- Python基于Python实现批量上传文件或目录到不同的Linux服务器
基于Python实现批量上传文件或目录到不同的Linux服务器 by:授客 QQ:1033553122 实现功能 1 测试环境 1 使用方法 1 1. 编辑配置文件conf/rootpath_fo ...
- [转]kindeditor隐藏上传图片框网络图片或本地上传的功能
原文地址:http://www.lingchenliang.com/post/154.html kindeditor富文本编辑器点击上传图片按钮,在弹出的窗口中去掉上传网络图片的功能,只留下本地上传, ...
随机推荐
- MongoDB(二)
通过程序来操作数据库: //链接字符串 string connectionString = "mongodb://192.168.1.107"; //数据库名 string dat ...
- Python中文显示问题
默认pyhon使用ASCII码来解释程序的,默认不支持中文,需要在程序的第一行或者第二行声明编码. 官方解决方案:https://www.python.org/dev/peps/pep-0263/ T ...
- MYSQL 关闭服务的过程
服务器关闭进程可以概括为: 1. 启动关闭进程 2. 服务器根据需要创建关闭线程 3. 服务器停止接收新连接 4. 服务器终止当前的活动 5. 存储引擎被停掉或关闭 6. ...
- MDX笔记
为啥要写这一篇博客:之前断断续续的学习过MDX,也大致学会了基本语法,理解了基本用法,但是用的机会不多,到了真正用的时候,无从下手,十分尴尬!故此,将语法和基本用法温故总结,结合实例将MDX做个阶段性 ...
- centeros resin安装脚本启动
公司用的服务器是resin+apache #! /bin/sh # # See contrib/init.resin for /etc/rc.d/init.d startup script # # r ...
- 学习使用React Native的心得体会
首先根据官网上的介绍,安装必须的环境需求.http://reactnative.cn/docs/0.20/getting-started.html#content 下面讲一下一些常用的命令: .下载n ...
- C++重载运算符的规则
(1)C++不允许用户自己定义新的运算符,只能对已有的C++运算符进行重载. 例如,有人觉得BASIC中用“* *”作为幂运算符很方便,也想在C++中将“* *”定义为幂运算符,用“3* *5”表示3 ...
- 利用虚拟光驱实现 将WINDOWS文件供虚拟机中的UBUNTU共享
此方法只能实现(至少目前我发现只能这样)将文件传递给虚拟机中的ubuntu 中,供ubuntu系统阅读,拷贝等,但不能将ubuntu中的数据传递给windows. 即:每次更新windows的数据到u ...
- .net 文件下载
/** 输入参数* _Request: Page.Request 对象* _Response: Page.Response 对象* _fileName: 下载文件名* _fullPath: 带文件名下 ...
- gridview合并相同的行
#region 方法:合并Gridview行 /// <summary> /// 合并GridView指定行单元格 /// </summary> /// ...