基于thinkphp3.2使用uploadify单图片上传

最新推荐文章于 2024-05-02 18:12:22 发布

zhaijunliang2009

最新推荐文章于 2024-05-02 18:12:22 发布

阅读量533

点赞数 1

文章标签： javascript thinkphp uploadify 上传图片

本文链接：https://blog.csdn.net/zhaijunliang2009/article/details/51471162

版权

第一步：建立模板；

首先需要引入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>


<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>


<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">



<form action="{:U(New/subInfo)}" id="submitInfo" method="post">
<div class="divContent">

第二步控制器中的方法如下：

/*
* 图片上传处理
* */
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;
}
}

}