Laravel框架之解决前端显示图片问题


Posted in PHP onOctober 24, 2019

最近做项目,功能是在用户上传图片成功后显示该图片,在本地测试(WAMP环境)下正常显示,但是部署到服务器上(LNMP)下无法显示。

因为LNMP环境下域名直接指向Laravel框架下的public目录,public为Laravel框架唯一对外公开的文件夹,而我的图片保存在storage/images,无法直接访问。查了官网文档发现可以在Linux下建立文件软链接,但试了以后没成功(可能是我打开的方式不对)。而且这样做在WAMP下又不能显示图片了

最后,还是决定将图片保存在public/images,一方面图片资源本来就不是什么隐私文件,本来就是要对外开放的,另一方面,WAMP和LNMP环境下都可直接访问此目录,代码不用写两份。

Laravel框架访问public/images/test.jpg图片可以这样写:

<img src="{{ URL::asset('images/test.jpg') }}" id="img"/>

不用加public,因为asset()方法指向的就是public目录

以上这篇Laravel框架之解决前端显示图片问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php foreach、while性能比较
Oct 15 PHP
PHP迅雷、快车、旋风下载专用链转换代码
Jun 15 PHP
非常好用的两个PHP函数 serialize()和unserialize()
Feb 04 PHP
php 操作符与控制结构
Mar 07 PHP
利用PHP实现图片等比例放大和缩小的方法详解
Jun 06 PHP
php实现文件下载实例分享
Jun 02 PHP
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
Jun 25 PHP
php基于GD库画五星红旗的方法
Feb 24 PHP
PHP内核探索之变量
Dec 22 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
Sep 01 PHP
PHP基于phpqrcode类生成二维码的方法详解
Mar 14 PHP
Yii框架getter与setter方法功能与用法分析
Oct 22 PHP
laravel中的fillable和guarded属性详解
Oct 23 #PHP
laravel5.6中的外键约束示例
Oct 23 #PHP
laravel5.6实现数值转换
Oct 23 #PHP
laravel框架之数据库查出来的对象实现转化为数组
Oct 23 #PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
Oct 23 #PHP
laravel 执行迁移回滚示例
Oct 23 #PHP
Laravel5.5 数据库迁移:创建表与修改表示例
Oct 23 #PHP
You might like
PHP中实现进程间通讯
2006/10/09 PHP
PHP 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
php getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
浅谈php自定义错误日志
2015/02/13 PHP
PHP类的封装与继承详解
2015/09/29 PHP
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
2013/10/23 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
2018/05/05 Javascript
linux 后台运行node服务指令方法
2018/05/23 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
Python生成8位随机字符串的方法分析
2017/12/05 Python
python logging日志模块原理及操作解析
2019/10/12 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
美国班级戒指、帽子和礼服、毕业产品、年鉴:Balfour
2018/11/01 全球购物
会计电算一体化个人简历的自我评价
2013/10/15 职场文书
应届生污水处理求职信
2013/11/06 职场文书
辩论会主持词
2015/07/03 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python
pytorch实现ResNet结构的实例代码
2021/05/17 Python
Python趣味挑战之实现简易版音乐播放器
2021/05/28 Python
vue实现移动端div拖动效果
2022/03/03 Vue.js
「Manga Time Kirara MAX」2022年5月号封面公开
2022/03/21 日漫
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android