Laravel 5.2 整合 Uploadify 上传图片
前端:
<!-- 引入CSS、JS -->
<link rel="stylesheet" type="text/css" href="{{asset('org/uploadify/uploadify.css')}}">
<script type="text/javascript" src="{{asset('admin/js/jquery.js')}}"></script>
<script src="{{asset('org/uploadify/jquery.uploadify.min.js')}}" type="text/javascript"></script> <!-- 上传按钮 -->
<input id="file_upload" name="file_upload" type="file"><br>
<img id="picshow" src=""> <!-- 默认隐藏 #picshow{display: none;} --> <!-- 实例化 -->
<script>
$('#file_upload').uploadify({
swf : "{{asset('org/uploadify/uploadify.swf')}}", // 引入Uploadify 的核心Flash文件
uploader : "{{url('admin/upload')}}", // PHP脚本地址
width: 120, // 上传按钮宽度
height: 30, // 上传按钮高度
buttonImage: "{{asset('org/uploadify/browse-btn.png')}}", // 上传按钮背景图片地址
fileTypeDesc: 'Image File', // 选择文件对话框中图片类型提示文字(Windows系统)
fileTypeExts: '*.jpg;*.jpeg;*.png;*.gif', // 选择文件对话框中允许选择的文件类型(Windows系统)
formData : {'_token': '{{csrf_token()}}'}, // Laravel表单提交必需参数_token,防止CSRF
onUploadSuccess : function(file, data, response) { // 上传成功回调函数
$('#picshow').attr('src', data).show();
$('#file_upload).val(data);
},
onUploadError: function(file, errorCode, errorMsg, errorString) { // 上传失败回调函数
$('#picshow').attr('src', '').hide();
$('#file_upload).val('');
alert('上传失败,请重试!');
}
});
</script>
后端:
/**
* 图片上传
* @return [type] [description]
*/
public function upload()
{
$file = Input::file('Filedata'); // 不同环境可能获取方式有点不同,可以下打印观察一下 dd(Input());
if($file->isValid())
{
// 上传目录。 public目录下 uploads/thumb 文件夹
$dir = 'uploads/thumb/'; // 文件名。格式:时间戳 + 6位随机数 + 后缀名
$filename = time() . mt_rand(100000, 999999) . '.' . $file ->getClientOriginalExtension(); $file->move($dir, $filename);
$path = $dir . $filename;
return url($path);
}
} // $realPath = $file->getRealPath(); // 缓存在 tmp 文件夹的文件绝对路径
// $tmpName = $file->getFileName(); // 缓存在 tmp 文件夹的文件名
// $clientName = $file->getClientOriginalName(); // 获取原文件名称
// $extension = $file->getClientOriginalExtension(); // 上传文件的后缀
参考链接:简书 - laravel图片和文件的上传
uploadify 官网:http://www.uploadify.com
Laravel 5.2 整合 Uploadify 上传图片的更多相关文章
- 调试台自动多出现一个'' ,我 用uploadify上传图片时,在给页面写入一个返回值为图片名称的变量的值的时候值的前面始终多出现一个''
对你有助请点赞,请顶,不好请踩------送人玫瑰,手留余香! 15:54 2016/3/12用uploadify上传图片时,在给页面写入一个返回值为图片名称的变量的值的时候值的前面始终多出现一个' ...
- MVC中使用jquery uploadify上传图片报302错误
使用jquery uploadify上传图片报302错误研究了半天,发现我上传的action中有根据session判断用户是否登录,如果没有登录就跳到登陆页,所以就出现了302跳转错误.原来更新了fl ...
- MVC 中使用uploadify上传图片遇到的蛋疼问题
MVC 中使用uploadify上传图片遇到的蛋疼问题 初次使用uploadify上传图片,遇到了一些比较纠结的问题,在这里和大家分享下,有不对的地方还望大神多多指教,希望对刚接触的朋友有所帮助,文采 ...
- uploadify上传图片的使用
一:引用jquery.uploadify.js 二:代码 <body> <table> <tr> <td style="width: 15%; te ...
- uploadify上传图片
1.实现源代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF- ...
- laravel中的验证及利用uploadify上传图片
$rules = [ 'password'=>'required|between:6,20|confirmed', ]; $message = [ 'password.required'=> ...
- uploadify上传图片的类型错误的解决办法
大家在做开发的过程中,相信很多人都会使用到uploadify插件来上传图片,但是这个插件也有不完美的地方. 我曾多次遇到过这样一个问题:上传的图片类型明明是没有问题的,但是在上传的时候总是会报错:图片 ...
- 使用uploadify上传图片时返回“Cannot read property 'queueData' of undefined”
在使用uploadify插件上传图片时,遇到一个比较坑的错误:上传时提示“Cannot read property 'queueData' of undefined”. 遇到这个问题有点无语,因为这个 ...
- laravel 5.5 整合 jwt 报错Method Tymon\JWTAuth\Commands\JWTGenerateCommand::handle() does not exist解决
今天介绍一个在laravel5.5新版本整合jwt 执行 php artisan jwt:generate 再生成密钥时报的一个错误 Method Tymon\JWTAuth\Commands\JW ...
随机推荐
- BZOJ 1834 网络扩容(最大流+费用流)
对于第一问,直接求最大流. 对于第二问,建源点s和汇点t,s连1容量为INF,费用为0的边,n连t容量为最大流+k,费用为0的边.这样就把最大流限制为最多增加k了. 限制需要求扩充的最小费用,原图的边 ...
- 【bzoj1579】[Usaco2009 Feb]Revamping Trails 道路升级 分层图最短路
题目描述 每天,农夫John需要经过一些道路去检查牛棚N里面的牛. 农场上有M(1<=M<=50,000)条双向泥土道路,编号为1..M. 道路i连接牛棚P1_i和P2_i (1 < ...
- CentOS 文本操作命令
1.cat 用于查看纯文本文件,显示行号,加-n参数,适合内容较少的情况 2.more 用于查看纯文本文件,适合内容较多的情况 3.less 用于查看纯文本文件,可以上下翻页 4.head 用于查看纯 ...
- [LOJ #6433]「PKUSC2018」最大前缀和
题目大意:给你一个$n(n\leqslant20)$项的数列$A$,设重排后的数列为$A'$,令$pre_p=\sum\limits_{i=1}^pA'_i$,求$max\{pre_i\}$的期望,乘 ...
- ural1297 求最长回文子串 | 后缀数组
#include<cstdio> #include<algorithm> #include<cstring> #define N 20005 using names ...
- 欢迎大家收听喜马拉雅,我的主播频道http://m.ximalaya.com/weizhubo/44966139
关注光荣之路软件技术培训账号,即时收取测试开发技术的免费公开课信息,各大公司测试及开发招聘信息.最新的技术咨询.线下测试 喜马拉雅微电台,每天早晨光荣之路创始人吴老,都会跟大家一起分享测试行业心得体会 ...
- NOIP2017金秋冲刺训练营杯联赛模拟大奖赛第二轮Day2题解
肝了两题... T1一眼题,分解质因数,找出2的个数和5的个数取min输出 #include<iostream> #include<cstring> #include<c ...
- 【区间DP】【lgP3146】248
传送门 Description 给定一个1*n的地图,在里面玩2048,每次可以合并相邻两个(数值范围1-40),问最大能合出多少.注意合并后的数值并非加倍而是+1,例如2与2合并后的数值为3. In ...
- 【Android开发】范例1-绘制Android的机器人
下面这个实例通过前面学过的Paint.Canvas等2D绘画技术来实现在手机屏幕上绘制Android机器人的小实例. 具体代码实现和效果: 用来显示自定义的绘图类的布局文件 res/layout/ma ...
- Linux下iptables安全配置
Linux下配置IPTables,只开放特定端口,禁用其他网络. *filter :INPUT DROP [0:0] :FORWARD DROP [0:0] :OUTPUT ACCEPT [0:0] ...