laravel怎么设置返回指定列(在laravel5.2中实现点击用户头像更改头像的方法)
类别:编程学习 浏览量:554
时间:2021-10-08 00:05:48 laravel怎么设置返回指定列
在laravel5.2中实现点击用户头像更改头像的方法视图层
!!!自己下载jquery文件和ajaxfileUpload的插件
|
<!DOCTYPE html> <html> <head lang= "en" > <meta charset= "UTF-8" > <title></title> <style> </style> </head> <script type= "text/javascript" > //下面用于图片上传预览功能 function setImagePreview(avalue) { var docObj=document.getElementById( "doc" ); var imgObjPreview=document.getElementById( "preview" ); if (docObj.files &&docObj.files[0]) { //火狐下,直接设img属性 imgObjPreview.style.display = 'block' ; //imgObjPreview.src = docObj.files[0].getAsDataURL(); //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式 imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); } else { //IE下,使用滤镜 docObj.select(); var imgSrc = document.selection.createRange().text; var localImagId = document.getElementById( "localImag" ); //必须设置初始大小 localImagId.style.width = "150px" ; localImagId.style.height = "180px" ; //图片异常的捕捉,防止用户修改后缀来伪造图片 try { localImagId.style.filter= "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)" ; localImagId.filters.item( "DXImageTransform.Microsoft.AlphaImageLoader" ).src = imgSrc; } catch (e) { alert( "您上传的图片格式不正确,请重新选择!" ); return false ; } imgObjPreview.style.display = 'none' ; document.selection.empty(); } ajaxFileUpload(); //上传图片 return true ; } </script> <body> <center> <label> @foreach ($arr as $key=>$val) {{-- <img src= "{{$val->n_img}}" alt= "" height= "100" width= "100" class= "qq" > <input type= "file" id= "file1" style= "VISIBILITY: hidden" >--}} <img id= "preview" width= "100" height= "100" src= "{{$val->n_img}}" > <input type= "file" name= "touxiang" id= "doc" style= "display:none" οnchange= "javascript:setImagePreview();" > @endforeach </label> </center> </body> </html> <script src= "./js.js" ></script> <script src= "./ajaxfileupload.js" ></script> <script type= "text/javascript" > function ajaxFileUpload() { $.ajaxFileUpload ( { url: "{{url('up_img')}}" , //用于文件上传的服务器端请求地址 secureuri: false , //是否需要安全协议,一般设置为false fileElementId: 'doc' } ); return false ; } </script> |
控制器层
|
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Http\Requests; use DB; use Illuminate\Support\Facades\Input; class ImgController extends Controller { public function Index(){ $arr = DB::select( "SELECT * FROM r_nav limit 1" ); return view( 'index' ,[ 'arr' => $arr ]); } //修改图片 public function up_img(Request $Request ){ $n_file = Input::file( 'touxiang' ); if ( $n_file ->isValid()){ //获取文件名称 $clientName = $n_file -> getClientOriginalName(); $realPath = $n_file -> getRealPath(); //获取图片格式 $entension = $n_file -> getClientOriginalExtension(); //图片保存路径 $mimeTye = $n_file -> getMimeType(); $path = $n_file -> move( 'IMG' ); } $ress = DB::table( 'r_nav' )->where( 'n_id' ,11)->update([ 'n_img' => $path ]); } } |
以上这篇在laravel5.2中实现点击用户头像更改头像的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持开心学习网。
原文链接:https://blog.csdn.net/angle_hearts/article/details/59478805
您可能感兴趣
- php框架laravel使用(laravel5环境隐藏index.php后缀apache的方法)
- laravel5.1获取数据(laravel5表单唯一验证的实例代码)
- laravel后台管理(关于laravel后台模板laravel-admin select框的使用详解)
- laravel 权限管理(laravel框架 laravel-admin上传图片到oss的方法)
- laravel分页(laravel5.5添加echarts实现画图功能的方法)
- laravel数据库日志(Laravel 将数据表的数据导出,并生成seeds种子文件的方法)
- laravel接口规范(Laravel5.5 手动分页和自定义分页样式的简单实现)
- laravel框架怎么定时任务(laravel Model 执行事务的实现)
- 安装laravel框架(laravel框架的安装与路由实例分析)
- laravel 开发自定义组件(laravel实现上传图片并在页面显示的例子)
- laravel框架学习心得教程(Laravel5.7 Eloquent ORM快速入门详解)
- laravel count 报错(解决laravel5.5访问public报错的问题)
- laravel连接多个数据库(laravel实现一个上传图片的接口,并建立软链接,访问图片的方法)
- laravel 后台管理框架(laravel-admin 管理平台获取当前登陆用户信息的例子)
- laravel终止函数执行(laravel 输出最后执行sql 附:whereIn的使用方法)
- laravel 模型(Laravel 模型关联基础教程详解)
- 董元奔吟咏历代文人 1012新旧均可 全椒人张璪 1022 -1093(董元奔吟咏历代文人)
- 泪目 这位 刷屏 的英雄,是全椒人的骄傲(泪目这位刷屏)
- 人从众 火炎焱 全椒再现 正月十六走太平 的魅力(人从众火炎焱全椒再现)
- 官宣 全椒籍明星许海峰 奚秀兰 方芳 王璐瑶携手回家 走太平(全椒籍明星许海峰)
- 以前全椒人是怎么过冬的 满满都是回忆(以前全椒人是怎么过冬的)
- NVIDIA显卡份额冲上88 A饭发愁 游戏优化恐没A卡份了(NVIDIA显卡份额冲上88A饭发愁)
热门推荐
- vue router用法(如何在Vue 3中扩展Vue Router链接详解)
- python找出数组的最大值(Python查找数组中数值和下标相等的元素示例二分查找)
- sql server 视图操作(Sql Server 视图数据的增删改查教程)
- web前端字体和图标(web字体加载方案优化小结)
- dedecms显示问号(dedecms提示你的用户名不存在的解决方法)
- thinkphp前后端配合(thinkPHP+LayUI 流加载实现功能)
- dockerfile自定义镜像图解(Docker images导出和导入操作)
- mysql8.0安装教程win10(Windows10下mysql 8.0.22 安装配置方法图文教程)
- linux常见命令vmstat(Linux stat命令的使用)
- Linq操作Datable
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9