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. 【论文笔记】基于图机构的推荐系统:Billion-scale Commodity Embedding for E-commerce Recommendation in Alibaba

    论文:https://arxiv.org/abs/1803.02349    题外话: 阿里和香港理工联合发布的这篇文章,整体来说,还挺有意思的. 刚开始随便翻翻看看结构图的时候,会觉得:这也能发文章 ...

  2. FFmpeg 的sws_getContext函数 、sws_scale函数

    FFmpeg里面的sws_scale库可以在一个函数里面同时实现:1.图像色彩空间转换:2.分辨率缩放:3.前后图像滤波处理. 其核心函数主要有三个: // 初始化sws_scalestruct Sw ...

  3. UVA12163 游戏

    题目大意 现在有两个人在一个n个结点的有向图上玩一个双人游戏,保证图中无环和自圈.游戏的规则如下:1.初始的时候$i$号点有一个正权值$value_i$2.两名玩家依次操作,每个玩家在当前回合可以选择 ...

  4. ACM学习历程—HDU 5073 Galaxy(数学)

    Description Good news for us: to release the financial pressure, the government started selling gala ...

  5. 【转】 Pro Android学习笔记(四三):Fragment(8):再谈Transaction和管理器

    目录(?)[-] Transaction的一些操作 再谈FragmentManager 调用其他fragment的方法 唤起activity 唤起fragment和相互通信 一些其它 Transact ...

  6. C++零碎知识点(一)

    1.sizeof用法总结 ①与strlen比较       strlen 计算字符数组的字符数,以"\0"为结束判断,但不包括.   sizeof 计算数据(数组.变量.类型.结构 ...

  7. [matlab]bp神经网络工具箱学习笔记

    基本就三个函数: newff():创建一个bp神经网络 train():训练函数 sim():仿真函数 同时具有可视化界面,但目前不知道可视化界面如何进行仿真,且设置不太全 工具箱:Neural ne ...

  8. mongodb操作数据集合

    1.创建数据集: a.创建不设置参数的默认数据集(默认数据集自带一个流水id,_id) db.createCollection("mycol") //创建默认集合 b.创建指定参数 ...

  9. sell01 环境搭建、编写持久层并进行测试

    1 环境配置 JDK 1.8 MAVEN 3.5 MYSQL 5.7 VirtualBox 5.1 2 搭建MYSQL环境 下载 VM 和 虚拟镜像文件 虚拟镜像文件:点击前往 技巧01:安装完vir ...

  10. MinimumTours TopCoder - 7620

    Problem Statement      Little Bonnie has taken a vacation to Ha Long Bay. There are a few thousand s ...