uploadify flash版本下载地址:http://www.uploadify.com/wp-content/uploads/files/uploadify.zip

将解压后的文件放入项目公共文件中,我放在项目中的地址是:cms\public\static\admin\plus\uploadify,cms是我的项目文件夹

首先引入并设置相关参数

 <!--uploadify-->
<link href="{$Think.config.__STATIC__}/admin/plus/uploadify/uploadify.css" rel="stylesheet">
<script type="text/javascript" src="{$Think.config.__STATIC__}/admin/plus/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(function() {
     //uploadify为要放入的节点id
$('#uploadify').uploadify({
//指定swf地址
'swf' : '{$Think.config.__STATIC__}/admin/plus/uploadify/uploadify.swf',
//上传后端处理方法
'uploader' : "{:url('cate/uploadify')}",
'progressData':'speed',
//按钮文字
'buttonText':'上传图片',
//按钮样式
'buttonClass':'btn btn-azure',
//上传文件类型
'fileTypeDesc':'Image Files',
//设置发送数据文本框的name值
'fileObjName':'cate_img',
//上传成功后回调函数
'onUploadSuccess':function(file,data,response){ var html="<img src='http://127.0.0.1/cms/public" + data + "' width='80px' height='80px'/>" $("#cate_img").html(html);
$("#hidden_img").val(data);
}
// Your options here
});
$("#uploadify-button").removeAttr('style');
$("#uploadify-button").attr("class","btn btn-azure");
}); </script>
                                           <div class="form-group">
<label class="col-sm-2 control-label no-padding-right">栏目图片</label>
<div class="col-sm-3">
<!-- 需要使用的地方id设置成uploadify,与上面的要对应 -->
<span id="uploadify"></span>
<input id="hidden_img" value="" name="cate_img" type="hidden">
</div>
<div class="col-sm-3" id="cate_img">
</div>
<p class="help-block col-sm-4 red">* 必填</p>
</div>
后端处理方法
 public function uploadify(){
$file = request()->file('cate_img');
//halt($file);
$info = $file->move( './uploads/cate');
if($info){
$value='/uploads/cate/'.$info->getSaveName();
echo $value;
}
else{
echo $file->getError();
}
}
 

thinkphp5使用uploadify的更多相关文章

  1. jquery.uploadify文件上传组件

    1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好, ...

  2. TODO:macOS上ThinkPHP5和Semantic-UI集成

    TODO:macOS上ThinkPHP5和Semantic-UI集成 1. 全局安装 (on OSX via homebrew)Composer 是 homebrew-php 项目的一部分 2. 把X ...

  3. 带进度条的文件批量上传插件uploadify

    有时项目中需要一个文件批量上传功能时,个人认为uploadify是快速简便的解决方案. 先上效果图: 一. 下载uploadify 从官网下载uploadify的Flash版本(Flash版本免费,另 ...

  4. uploadify使用的一些经验总结

    说说自己使用uploadify的一波三折的曲折过程: 之所以要选择uploadify,是源于自己先前使用过jQuery官网的上传文件插件,比较难用(页面写的代码比较多,IE下后台回传需要配置格式[不清 ...

  5. Uploadify 结合 Web API 2 上传问题

    最近使用jQuery.Uploadify和Web API配合来做上传,碰到问题,还木有办法解决,记录一下: 环境:jQuery 1.10.2,Uploadify 3.2.1,SWFObject 2.2 ...

  6. asp.net结合uploadify实现多附件上传

    1.说明 uploadify是一款优秀jQuery插件,主要功能是批量上传文件.大多数同学对多附件上传感到棘手,现将asp.net结合uploadfiy如何实现批量上传附件给大家讲解一下,有什么不对的 ...

  7. (原创)解决.net 下使用uploadify,在火狐浏览器下的error 302

    简单粗劣说下哈,通过uploadify中flash在火狐下上传,造成了erroe 302, 是因为其session丢失,并修改了其sessionID. 网上有很多案列,可并没有这么直接.感觉绕了点弯. ...

  8. uploadify插件Http Error(302)错误记录(MVC)

    由于项目(asp.net MVC)需要做一个附件上传的功能,使用的是jQuery的Uploadify插件的2.1.0版本,上传文件到自己项目指定的文件夹下面.做完之后,在谷歌上测试是正确的,在火狐上报 ...

  9. 强大的支持多文件上传的jQuery文件上传插件Uploadify

    支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...

随机推荐

  1. Xposed模块开发学习记录

    Xposed模块相关API可以参考在线文档: https://api.xposed.info/reference/packages.html     入门教程可以参考: https://github. ...

  2. BZOJ1799 [Ahoi2009]self 同类分布[数位DP]

    求出[a,b]中各位数字之和能整除原数的数的个数. 有困难的一道题.被迫看了题解:枚举每一个各位数字的和($<=162$),设计状态$f[len][sum][rest]$表示dp后面$len$位 ...

  3. 洛谷【P3908】异或之和

    二进制前置技能:https://www.cnblogs.com/AKMer/p/9698694.html 题目传送门:https://www.luogu.org/problemnew/show/P39 ...

  4. 数据结构-二叉搜索树的js实现

    一.树的相关概念 1.基本概念 子树 一个子树由一个节点和它的后代构成. 节点的度 节点所拥有的子树的个数. 树的度 树中各节点度的最大值 节点的深度 节点的深度等于祖先节点的数量 树的高度 树的高度 ...

  5. MySQL复制--最快的从库搭建方法(tar包) -转

    最快的从库搭建方法0,准备从库第一次数据备份,临时锁所有表开启窗口1 mysql> flush tables with read lock; Query OK, 0 rows affected  ...

  6. POJ 1046 Color Me Less(浅水)

    一.Description A color reduction is a mapping from a set of discrete colors to a smaller one. The sol ...

  7. POJ1365:质因数分解

    Prime Land Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 3590   Accepted: 1623 Descri ...

  8. 给.sh文件添加可执行权限

    有时我们运行.sh文件时会发现没有权限,具体解决方案如下 第一种:bash+执行文件 第二种:chmod命令 如果给所有人添加可执行权限:chmod a+x 文件名:如果给文件所有者添加可执行权限:c ...

  9. css中的特殊居中

    大图居中: 先看一下普通的居中: 代码为: <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  10. svn、git等比较---总结

    免费的版本控制系统: CVS:集中式的版本控制系统,必须联网,速度慢,CVS作为最早的开源而且免费的集中式版本控制系统,直到现在还有不少人在用.由于CVS自身设计的问题,会造成提交文件不完整,版本库莫 ...