前端:

<!-- 引入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 上传图片的更多相关文章

  1. 调试台自动多出现一个'&#65279;' ,我 用uploadify上传图片时,在给页面写入一个返回值为图片名称的变量的值的时候值的前面始终多出现一个'&#65279;'

    对你有助请点赞,请顶,不好请踩------送人玫瑰,手留余香! 15:54 2016/3/12用uploadify上传图片时,在给页面写入一个返回值为图片名称的变量的值的时候值的前面始终多出现一个' ...

  2. MVC中使用jquery uploadify上传图片报302错误

    使用jquery uploadify上传图片报302错误研究了半天,发现我上传的action中有根据session判断用户是否登录,如果没有登录就跳到登陆页,所以就出现了302跳转错误.原来更新了fl ...

  3. MVC 中使用uploadify上传图片遇到的蛋疼问题

    MVC 中使用uploadify上传图片遇到的蛋疼问题 初次使用uploadify上传图片,遇到了一些比较纠结的问题,在这里和大家分享下,有不对的地方还望大神多多指教,希望对刚接触的朋友有所帮助,文采 ...

  4. uploadify上传图片的使用

    一:引用jquery.uploadify.js 二:代码 <body> <table> <tr> <td style="width: 15%; te ...

  5. uploadify上传图片

    1.实现源代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF- ...

  6. laravel中的验证及利用uploadify上传图片

    $rules = [ 'password'=>'required|between:6,20|confirmed', ]; $message = [ 'password.required'=> ...

  7. uploadify上传图片的类型错误的解决办法

    大家在做开发的过程中,相信很多人都会使用到uploadify插件来上传图片,但是这个插件也有不完美的地方. 我曾多次遇到过这样一个问题:上传的图片类型明明是没有问题的,但是在上传的时候总是会报错:图片 ...

  8. 使用uploadify上传图片时返回“Cannot read property 'queueData' of undefined”

    在使用uploadify插件上传图片时,遇到一个比较坑的错误:上传时提示“Cannot read property 'queueData' of undefined”. 遇到这个问题有点无语,因为这个 ...

  9. 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 ...

随机推荐

  1. EJB介绍

    EJB定义: 被称为java企业bean,服务器端组件,核心应用是部署分布式应用程序.用它部署的系统不限定平台.实际上EJB是一种产品,描述了应用组件要解决的标准. 标准: 可扩展 (Scalable ...

  2. GSL介绍【转】

    GSL(GNU Scientific Library)是一个C写成的用于科学计算的库,下面是一些相关的包 http://www.thebigdata.cn/JiShuBoKe/5612.html

  3. BZOJ 1103 大都市(dfs序+树状数组)

    应该是一道很水的题吧... 显然可以用树链剖分解决这个问题,虽然不知道多一个log会不会T.但是由于问题的特殊性. 每次修改都是将边权为1的边修改为0,且询问的是点i到根节点的路径长度. 令点i到根节 ...

  4. 【bzoj1901】Zju2112 Dynamic Rankings 离散化+主席树+树状数组

    题目描述 给定一个含有n个数的序列a[1],a[2],a[3]……a[n],程序必须回答这样的询问:对于给定的i,j,k,在a[i],a[i+1],a[i+2]……a[j]中第k小的数是多少(1≤k≤ ...

  5. Android开发中如何解析Json

    解析Json 有了请求,自然会有响应,那我们该如何解析服务端响应返回给我们的Json数据呢? 了解什么是Json JSON(JavaScript object notation)是一种轻量级的数据交换 ...

  6. vdbench-自动化测试脚本

    #!/usr/bin/python # -*- coding:utf8 -*- import sys import commands TEST_CONF=""" hd=d ...

  7. Android View 绘制刷新流程分析

    Android中对View的更新有很多种方式,使用时要区分不同的应用场合.1.不使用多线程和双缓冲      这种情况最简单,一般只是希望在View发生改变时对UI进行重绘.你只需显式地调用View对 ...

  8. Android Intent Action 一览表

    String ADD_SHORTCUT_ACTION 动作:在系统中添加一个快捷方式.. "android.intent.action.ADD_SHORTCUT" String A ...

  9. MySQL安装出现“不是内部或外部命令,也不是可执行程序”等一系列问题的解决方案

    MySQL安装出现“不是内部或外部命令,也不是可执行程序” 一.这是应该是环境变量处问题了,设置如下: 1)右击我的电脑选择“属性”,找到“高级系统设置” 2)在系统属性下,选择“高级”中的“环境变量 ...

  10. CodeForces.158A Next Round (水模拟)

    CodeForces.158A Next Round (水模拟) 题意分析 校赛水题的英文版,坑点就是要求为正数. 代码总览 #include <iostream> #include &l ...