版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37682202/article/details/83418639
项目中需要上传菜单的图标,最近大家都用TP5,我也与时俱进了一把,开始自己想太多了,在返回值那里栽了跟头,脑袋里一直都是json,json,这里的返回值直接return就好了,不要去搞成json数据,这里还是附上代码,给自己警示作用,说不定哪天又忘记了……
<!--前端,引用的文件我就不多说了哈该有的js,css一定不要忘记了-->
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">菜单图标:</label>
<div class="formControls col-xs-8 col-sm-8">
<img src="__images__/iconImg.jpg" id="m_icon1" width="80px" />
<br /><br />
<input type="file" id="file_upload1" multiple="true">
</div>
</div>
//图标上传,js
$('#file_upload1').uploadify({
uploader:"{:url('Image/addImage')}", // 服务器处理地址
swf: '__hui__/lib/uploadify/uploadify.swf',
buttonText: "上传图标", //按钮文字
height: 30, //按钮高度
width: 80, //按钮宽度
fileTypeExts: "*.jpg;*.png;*.jpeg;*.gif;*.bmp", //允许的文件类型
fileTypeDesc: "请选择", //文件说明
fileObjName: "m_icon",
onUploadSuccess: function (file, data, response) { //上传成功后的响应事件处理
$("#m_icon1").attr("src","__upload__/iconImg/"+data); //预览图片
$("#add-m_icon").val(data); //将上传后的图片赋值给表单
}
});
/*
图片上传
*/
public function addImage(){
// 获取表单上传文件
$file = request()->file('m_icon');
if(empty($file))
{
$data = '请选择上传文件!';
return $data;
}
// 移动到框架应用根目录/public/upload/ 目录下
$info = $file->move(ROOT_PATH.'public'.DS.'upload/iconImg/');
//获取文件
//$info->getFilename(); //文件名 dc269f3ad05a6e656ccbdec468b970f4.png
//$info->getSaveName(); //文件名(日期/文件)20181026/dc269f3ad05a6e656ccbdec468b970f4.png
//$info->getExtension(); //文件后缀名 png
//$info->getPathname(); //文件路径包括磁盘名称
if($info){
$data = $info->getSaveName(); //文件路径
}else{
$data = '文件上传失败啦!';
}
return $data; //直接返回,不要封住成json
}