laravel怎样封装增删改查(laravel框架上传图片实现实时预览功能)
类别:编程学习 浏览量:1873
时间:2021-10-02 01:31:29 laravel怎样封装增删改查
laravel框架上传图片实现实时预览功能在laravel框架中上传图片并实时预览,其实并没有那么难,下面给大家展示一下;
HTML代码:
|
< img class = "pic house-a" ο nclick = "houseImgOne(this)" name = "house_img_one" id = "house_img_one" src = "" > < input type = "file" name = "house_img_one" id = "house_img_one1" multiple = "multiple" style = "display:none;" > |
controller代码:
|
public function upload( $photo ) { $file_ex = $photo ->getClientOriginalExtension(); if (!in_array( $file_ex , array ( '.jpg" alt="laravel怎样封装增删改查(laravel框架上传图片实现实时预览功能)" border="0" /> echo "<script>alert('文件格式错误,仅支持.jpg" alt="laravel怎样封装增删改查(laravel框架上传图片实现实时预览功能)" border="0" /> } $newname = date ( 'Ymdhis' ) . rand(1, 999) . "." . $file_ex ; $savepath = config( 'constants.img_uf' ) . 'Uploads/Apply/' ; $path = $photo ->move( $savepath , $newname ); $filepath = "UF/Uploads/Apply/" . $newname ; return $filepath ; } |
这里是把上传,封装成了一个方法,添加的时候直接添加最后的路径就可以了;
js代码:
|
var _btnId = '' ; function houseImgOne(_this){ _btnId = $(_this).attr( 'id' ); $( '#house_img_one1' ).click(); $( "#house_img_one1" ).change( function () { var objUrl = getObjectURL( this .files[0]); //获取图片的路径,该路径不是图片在本地的路径 if (objUrl) { $( "#" + _btnId).attr( "src" , objUrl); //将图片路径存入src中,显示出图片ai } }); } /建立一个可存取到该file的url function getObjectURL(file) { var url = null ; if (window.createObjectURL != undefined) { url = window.createObjectURL(file); } else if (window.URL != undefined) { url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { url = window.webkitURL.createObjectURL(file); } return url; } |
效果图片:
以上这篇laravel框架上传图片实现实时预览功能就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持开心学习网。
原文链接:https://blog.csdn.net/q459691431/article/details/74737593
您可能感兴趣
- laravel授权使用方法(Laravel 自带的Auth验证登录方法)
- 简单laravel框架教程交流(使用composer 安装 laravel框架的方法图文详解)
- laravel怎么设置返回指定列(在laravel5.2中实现点击用户头像更改头像的方法)
- laravel判断变量为空(Laravel模糊查询区分大小写的实例)
- laravel 快速开发api技巧(Laravel5.4简单实现app接口Api Token认证方法)
- laravel api 调试(laravel 实现设置时区的简单方法)
- laravel框架怎么定时任务(laravel Model 执行事务的实现)
- laravel命令行与可选项(Laravel6.0.4中将添加计划任务事件的方法步骤)
- laravel授权怎么用(laravel 使用auth编写登录的方法)
- laravel模型使用技巧(提高Laravel应用性能方法详解)
- laravel连接多个数据库(laravel实现一个上传图片的接口,并建立软链接,访问图片的方法)
- laravel在中间件内生成参数并且传递到控制器中的2种姿势(laravel在中间件内生成参数并且传递到控制器中的2种姿势)
- laravel视图组件(Laravel5.4框架中视图共享数据的方法详解)
- laravel怎么返回指定列(laravel-admin解决表单select联动时,编辑默认没选上的问题)
- laravel框架网站搭建教程(Laravel框架实现文件上传的方法分析)
- laravel提取数据库的字段(Laravel创建数据库表结构的例子)
- 菲律宾旅游攻略(菲律宾旅游攻略地图)
- 清华大学难考吗(清华大学考研录取分数线)
- 观花盆栽佛肚竹盆景制作及养护(观花盆栽佛肚竹盆景制作及养护)
- 春天养佛肚竹,做好这几件事,叶绿根壮寓意好 越养越旺家(春天养佛肚竹做好这几件事)
- 律界衣品最好,时尚圈学识数高,41岁的Amal堪称现实版的傲骨贤妻(时尚圈学识数高)
- 刘智泰确认出演《Good Wife》 担纲男一号(刘智泰确认出演Good)
热门推荐
- dedecms会员功能(dedecms注册中文会员无法打开空间的解决方法)
- php在if里添加xml代码(PHP创建XML接口示例)
- php多维数组怎么转换json(php实现的数组转xml案例分析)
- sqlserverlog原理(sql server中错误日志errorlog的深入讲解)
- python里面的print怎么用(python中的print输出)
- dede图片上传问题(DEDE图片集上传图片时出错显示FILEID的解决方法)
- sql server数据库权限(SQL Server中通用数据库角色权限的处理详解)
- vue-websocket 组件教程(Vue+express+Socket实现聊天功能)
- php怎么弄不重复字符串(PHP中将一个字符串部分字符用星号*替代隐藏的实现代码)
- vue-router的两种模式(vue-route路由管理的安装与配置方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9