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

最近做项目，功能是在用户上传图片成功后显示该图片，在本地测试（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框架之解决前端显示图片问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • laravel 解决后端无法获取到前端Post过来的值问题

    效果如下所示: 刚开始一直获取不到前端传过来的Post的值 一番分析后 发现 通过php 命令新建的控制器默认少引用 就是上图圈起来的这个 引入就问题解决了 当然 前提是路由要配置正确 路由配置成Post或者any的时候才能获取到Post的值 附上我的路由图 希望对大家有帮助 以上这篇laravel 解决后端无法获取到前端Post过来的值问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • laravel实现上传图片,并且制作缩略图,按照日期存放的代码

    先上代码吧: 前端代码: 有很多小伙伴在做表单上传文件的时候没有注意表单的上传格式是什么,就可能导致上传文件.图片不成功! <form id="form1" name="form1" class="form-horizontal form-label-left" enctype="multipart/form-data" method="post" action="{{asset('/con

  • laravel 实现上传图片到本地和前台访问示例

    在config下新建文件admin.php,定义上传文件的路径 'upload_img_path' =>'app/public/img',//本地上传图片路径 'upload_file_path' =>'app/public/files'//本地上传文件路径 在config/filesystems.php下定义 'disks' => [ 'uploadimg'=>[ 'driver'=>'local', 'root'=>storage_path(config('admi

  • 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_

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

    最近做项目,功能是在用户上传图片成功后显示该图片,在本地测试(WAMP环境)下正常显示,但是部署到服务器上(LNMP)下无法显示. 因为LNMP环境下域名直接指向Laravel框架下的public目录,public为Laravel框架唯一对外公开的文件夹,而我的图片保存在storage/images,无法直接访问.查了官网文档发现可以在Linux下建立文件软链接,但试了以后没成功(可能是我打开的方式不对).而且这样做在WAMP下又不能显示图片了 最后,还是决定将图片保存在public/image

  • Laravel框架下载，安装及路由操作图文详解

    Laravel框架下载，安装及路由操作图文详解

    本文实例讲述了Laravel框架下载,安装及路由操作.分享给大家供大家参考,具体如下: NO.1下载Laravel框架并且安装 首先,我们先点击这个链接 https://laravelacademy.org/resources-download 跳转至Laravel学院的资源下载,然后我们点击一键安装包, 下载后解压到xampp 的htdocs文件(在这里我用的是xampp) 然后更改文件名为laravel 然后我们在网页输入 这里我们要注意的是,我把laravel解压到了一个名为PHPprim

  • laravel框架添加数据,显示数据,返回成功值的方法

    laravel框架添加数据: 添加数据 laravel框架添加数据的方式我这里使用的是model方式,此外还有一种是DB 因为from提交数据,laravel框架需要在from提交中添加一个token,所以这里接受数据也有好几种方式 我使用的是new一个model,在model中定义了我需要的字段 还有一种就是我注释的那里啦.使用$request->except()直接将不需要的post数据排除掉 laravel上传图片也是非常的方便的,只需要一个store就可以了 另外图片的存放地址我就不在这

  • Django {{ MEDIA_URL }}无法显示图片的解决方式

    django模板使用media文件夹,想要在前端通过{{ MEDIA_URL }}无法显示图片,没有取到Media_url的值 解决办法: TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'templates')] , 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [

  • 彻底搞懂并解决vue-cli4中图片显示的问题实现

    在基于 vue-cli 实际开发过程中,很多小伙伴都会遇到关于图片显示的困扰,不管怎么设置,图片就是显示不出来,今天我们来详细说说这个问题. 图片无法显示,绝大部门的情况是图片路径问题,要搞懂路径问题,分别有相对路径与绝对路径 实际开发中使用图片最多的场景有以下三种: 1.手动引入 <template> <img :src="imgurl" /> </template> <script> import logo from '../img/

  • nodejs如何读取文件二进制 前端响应blob或base64显示图片

    目录 读取文件二进制 前端响应blob或base64显示图片 nodejs读取文件 createReadStream 读取文件二进制 前端响应blob或base64显示图片 express 框架 nodejs var express = require('express') var app = express(); var fs = require('fs') var http = require('http').createServer(app); app.get('/send',async

  • 微信小程序 解决swiper不显示图片的方法

    微信小程序 解决swiper不显示图片的方法

    微信小程序 解决swiper不显示图片的方法 1.我说的swiper不显示图片是只有一个swiper的框,但不显示设置好的图片. 第一个要确定的是图片路径设置的正不正确,确定路径没有设置错,还有一个可能的原因就是,放swiper的这个页面(也就是这个wxml文件)没有在app.json里面的pages进行注册 确决的方法是: 找到项目下的app.json文件 在app.json的配置文件下的pages进行页面注册,像下面图片这样 小程序的文档也写了"小程序中新增/减少页面,都需要对 pages

  • Laravel框架中VerifyCsrfToken报错问题的解决

    Laravel框架中VerifyCsrfToken报错问题的解决

    前言 本文主要给大家介绍了关于Laravel框架中VerifyCsrfToken报错问题的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 报错情况 form 表单进行 post 方式提交数据时,遇到如下的报错情况. TokenMismatchException in VerifyCsrfToken.php line 67: in VerifyCsrfToken.php line 67 at VerifyCsrfToken->handle(object(Request)

  • 移动端页面在ios中不显示图片的解决方法

    移动端页面在ios中不显示图片的解决方法

    在移动端开发中,有的时候可能遇到这样的问题,我从别人网站上下载下来的图片,然后做出H5页面,但是在浏览器中和android中都显示正常,可是一到ios中图片就不显示了,这个时候就需要注意了,可能是图片的格式问题导致ios中不认识,比如我从网上下载的图片保存到电脑中不能预览的图片就是这种. 在计算机中打开预览图片显示如下: 这样的图片在ios中就不显示,解决办法很简单,就是在下载的时候去掉后面的类型就可以了, 以上这篇移动端页面在ios中不显示图片的解决方法就是小编分享给大家的全部内容了,希望能给

  • Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法

    Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法

    本文实例讲述了Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法.分享给大家供大家参考,具体如下: ①在项目根目录放置.env文件 .env APP_NAME=Laravel APP_ENV=local APP_KEY= APP_DEBUG=true APP_LOG_LEVEL=debug APP_URL=http://localhost DB_CONNECTION=mysql

随机推荐