当前位置: 代码迷 >> 综合 >> Thinkphp5 + uploadify 整合图片上传
  详细解决方案

Thinkphp5 + uploadify 整合图片上传

热度:12   发布时间:2023-11-21 22:00:00.0

       项目中需要上传菜单的图标,最近大家都用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
}