基于thinkphp3.2使用uploadify单图片上传
来源:互联网 发布:外盘配资端口 编辑:程序博客网 时间:2024/05/19 22:01
第一步:建立模板;
首先需要引入uploadify.css、jquery-1.10.2.min.js、jquery.uploadify.js三个文件
其次需要建立html部分。模板完整部分参考如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 引入uploadify文件(开始) -->
<link href="__ROOT__/Public/uploadify/uploadify.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__ROOT__/Public/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="__ROOT__/Public/uploadify/jquery.uploadify.js"></script>
<!-- 引入uploadify文件(结束) -->
<script type="text/javascript">
/* js部分(开始) */
$(function(){
$('#uploadify').uploadify({
'swf' : '__ROOT__/Public/uploadify/uploadify.swf',
'uploader' : "{:U('Index/uploadImgSave')}",//控制器中上传图片的方法
'buttonText' : '缩略图上传',
'onUploadSuccess' : function(file, data, response) {
//上传成功后将图片路径写入<img/>标签中,以供预览,同时将其写入到隐藏域表单中以便存入数据库
//console.log(file);
console.log(data);
//console.log(response);
if(response){
$('#img').attr('src','__ROOT__/Uploads/Img/'+ data);//写入<img/>标签中
$('#images').val(data);//写入到隐藏域表单中以便存入数据库
}
},
});
})
/* js部分结束 */
</script>
</head>
<body>
<div class="divFrame">
<!-- html部分开始 -->
<form action="{:U(New/subInfo)}" id="submitInfo" method="post">
<div class="divContent">
<input type="hidden" name="img" value="" id="images"/><!-- 这个隐藏域就是将用插件上传后的图片全路径提交到数据库 -->
<ul></ul>
<div id="fileQueue" style="clear:both;padding-top:5px"></div>
<div style="padding-top:5px">
<img id="img" src="http://www.thinkphp.cn/Public/new/img/header_logo.png" width="130" height="130" border="0" />
<input type="file" name="uploadify" id="uploadify" />
</div>
</div>
</form>
<!-- html部分结束 -->
</div>
</body>
</html>
第二步 控制器中的方法如下:
/*
* 图片上传处理
* */
public function uploadImgSave(){
if(!empty($_FILES)){
$upload = new \Think\Upload ();// 实例化上传类
$upload->maxSize = 3145728 ;// 设置附件上传大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->rootPath = './Uploads/Img/';//设置附件上传根路径
$upload->savePath = 'Goods/photo/'; // 设置附件上传目录 // 上传文件
$info = $upload->upload();
if(!$info) {// 上传错误提示错误信息
$this->error($upload->getError());
}else{// 上传成功
$imgname=$info['Filedata']['savepath'].$info['Filedata']['savename'];//获取上传图片之后的图片路径以及图片名称;
echo $imgname;
}
}
}
- 基于thinkphp3.2使用uploadify单图片上传
- Thinkphp3.1--uploadify上传插件的使用
- uploadify插件单图片上传
- ThinkPHP3.2.2 无刷新上传插件uploadify 使用
- 基于jquery.uploadify实现图片上传
- Yii2 uploadify ajax上传图片 上传多图、单图
- 图片上传插件uploadify的使用
- jquery.uploadify.min.js上传图片使用
- uploadify图片上传插件使用实例
- Thinkphp3.2.2+Uploadify文件上传生成缩略图
- thinkphp3.2 上传图片找不到根目录问题
- Thinkphp3.2图片上传服务器端接收
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
- uploadify上传图片
- uploadify上传多图片
- uploadify java上传图片
- 插件Uploadify图片上传
- 图片上传uploadify
- 《新手学HTML5》学习笔记
- linux下的irda (remote control)驱动分析
- MyBatis Review——开发Dao的方法
- Canvas文字渲染
- Unity3D学习笔记(10)—— 游戏序列化
- 基于thinkphp3.2使用uploadify单图片上传
- 基于netty的网络聊天室(二)——心跳检测及断线重连
- UITableView中的单元格重用
- socket属性设置
- QQ亿级日活跃业务后台核心技术揭秘
- WindowFrom之ListBox用法
- git rebase
- mysql timeStamp默认值0000-00-00 00:00:00 报错
- XMG CAAnimationGroup动画组