dcatAdmin公共方法grid图片展示踩坑日记

最新推荐文章于 2024-06-26 08:47:01 发布
最新推荐文章于 2024-06-26 08:47:01 发布
阅读量413 收藏 1
点赞数 4
文章标签： laravel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stringQiang/article/details/136592595
版权

添加方法直接调用公共图片添加方式

在这里插入图片描述
默认图片会添加到storage文件夹

在这里插入图片描述
这样的话就会有一个问题
问题一：展示的时候图片路径不对
【通过打印得出拼接全路径竟然展示不出来图片】
Not allowed to load local resource: file:///D:/phpstudy_pro/work/xiye/committee/backend/storage/app/public/images/chengshi.jpg

在这里插入图片描述
问题二：
dcatadmin后台浏览器展示图片需要将图片绝对路径转换为本地域名+项目图片地址才可以

在这里插入图片描述
然后就是解决方法：修改图片默认上传路径

在这里插入图片描述
重新添加图片入库即可
在这里插入图片描述

stringQiang
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android 实现双击放大缩小功能，单独ZoomImageView 类，可直接使用xml文件中，直接替换ImageView使用
Kstar_Ming的博客
03-24 248
项目需求要双击放大、缩小图片，生成一个单独的类以供使用，生成相关类后，可在xml文件中直接替换ImageView使用 public class ZoomImageView extends AppCompatImageView implements ViewTreeObserver.OnGlobalLayoutListener, ScaleGestureDetector.OnScaleGestureListener, View.OnTouchListener { p
Laravel dcat-admin 用户头像显示不出的原因及解决方法
fzxyxf1314的博客
01-28 1562
已经使用命令php artisan storage:link创建过软链接了，头像仍然不显示。 发现链接显示的是http://localhost/storage/images/b6f0ad07b9ef543dc3fffe86bdc9ecaa.jpg导致了 404 错误。 如果头像链接是http://自己的域名/storage/images/b6f0ad07b9ef543dc3fffe86bdc9ecaa.jpg那就对了 方法一 将.env文件里的APP_URL=http://l...
laravel Dcat Admin 入门应用（五）文件上传之OSS自定义上传
最新发布
nbplus_007的博客
06-26 549
Dcat Admin 是一个基于 Laravel-admin 二次开发而成的后台构建工具，只需很少的代码即可构建出一个功能完善的高颜值后台系统。支持页面一键生成 CURD 代码，内置丰富的后台常用组件，开箱即用，让开发者告别冗杂的 HTML 代码。
dcat admin自定义操作按钮 弹框显示表单、数据表格
fendouweiqian的博客
02-28 1912
dcat admin自定义按钮，弹框操作，注意事项
dcat-admin 上传图片成功，显示404
YanWenGuang123的博客
12-28 1513
laravel上传图片默认路径指向 storage/app/public 目录，这个 storage 就是一个软链接。 在写接口上传的照片如何保存到public让前端框架访问到，就要建立软连接将照片放到public目录去访问！ 执行命令：php artisan storage:link 命令执行完毕后，就会在项目里多出一个 public/storage， public/storage（软连接） → storage/app/public 然后就可以用地址直接访问public里面的照片了！ ...
dcat-admin multipleImage实现多图关联上传
嘿喵财运旺旺
07-14 1884
模型关联 class Food extends BaseModel { use HasDateTimeFormatter; use SoftDeletes; public function images(): \Illuminate\Database\Eloquent\Relations\HasMany { return $this->hasMany(FoodImage::class, 'food_id', 'id'); } } class
Dcat Admin 中配置本地存储驱动进行文件上传
Xerale的博客
08-12 314
请根据您的实际需求配置适合的本地存储驱动，并确保所选择的驱动在您的 Laravel 项目中已经正确配置和可用。
Extjs grid添加一个图片状态或者按钮的方法
10-26
extjs的grid中我们经常需要添加一个图片状态或者按钮，下面将自己用过的一些方法与大家分享下
方格背景图片展示响应式网页模板
01-22
"方格背景图片展示响应式网页模板"是专为此目的设计的一种模板，它结合了方格布局和响应式特性，能够有效地展示图片内容，同时适应各种屏幕尺寸。 方格布局是网页设计中常用的一种组织元素的方式，它通过等分的...
ExtJs grid行 右键菜单的两种方法
12-03
在这下边: 方法一 代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”gridContextMenu.aspx.cs” Inherits=”gridContextMenu” %> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML ...
基于vue+ bootstrap实现图片上传图片展示功能
08-30
图片展示功能是通过bootstrap的grid系统实现的。在html模板中，使用bootstrap的col-sm-7类定义了一个宽度为7个单位的column，在其中嵌套了一个img标签，该标签的src属性绑定到idPicUrl上。同时，使用style属性设置了...
dcat-admin-ueditor:Dcat Admin扩展 - 百度在线编辑器
05-09
Dcat Admin扩展 - Ueditor Ueditor是一个的扩展包，集成百度在线编辑器，支持附件上传等功能。 文件上传功能是参照了实现的。 安装 请先确保安装了，执行 composer require dcat-admin-extension/ueditor 然后执行以下命令导入前端静态文件： php artisan admin:import ueditor 最后用浏览器打开http://localhost:8000/admin/helpers/extensions找到ueditor这一行，点击启用按钮，即可使用。 除了通过界面启用扩展，也可以手动开启扩展：打开config/admin-extensions.php(如果文件不存在请手动创建)，加入以下代码： return [ 'ueditor' => [ 'enable' => true, ], ]
jQuery商城商品图片展示下单选购代码
06-10
在本文中，我们将深入探讨"jQuery商城商品图片展示下单选购代码"的相关知识点，这是一个用于创建类似于电子商务网站的商品展示和购买流程的功能。这个功能的核心在于利用jQuery库来实现动态交互，提高用户体验，使得...
dcat admin 各种问题
fendouweiqian的博客
11-11 940
dcat admin 各种问题回复 样式问题，部署问题，开发问题
dcat-admin oss图片上传
qq_35205800的博客
12-10 2712
dcat-admin oss图片上传 安装插件 composer require jacobcyl/ali-oss-storage:^2.1 在app.php的provider数组中添加： Jacobcyl\AliOSS\AliOssServiceProvider::class, 配置文件 .env中 MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" ALIYUN_ACCESS_I
Dcat-Admin自定义列表样式
qq_37604998的博客
03-25 2826
这边使用Dcat-Admin开发后端，需要自定义表格样式，但是这边又想使用框架自带的分页和筛选功能，这边查看框架的源码，然后按照下面的写法实现了需求 <?php namespace App\Admin\Controllers; use App\Admin\Repositories\Custom; use App\Common\Enums\CategoryEnum; use Dcat\Admin\Admin; use Dcat\Admin\Grid; class CustomControlle.
图片浏览插件(支持图片轮播、上下张查看、放大缩小、旋转)
热门推荐
「小叽笔记」
12-19 1万+
应用场景： 在页面上显示图片，但图片太小，不方便观看。 在页面展示的原图： 使用插件查看的效果图： 主要功能： 支持选项 支持方法 支持事件 支持触摸 支持移动 支持缩放 支持旋转 支持键盘 跨浏览器支持 使用该插件必须引入相对应的js和css，我在百度网盘下已经为大家准备好了： 链接: https://pan.baidu.com/s/1LA...
预览图片 支持放大缩小，旋转等功能
u014094560的博客
04-08 3031
一开始使用layer实现预览效果，但是没有放大跟缩小功能，于是就又找了下，发现jquery下有一款viewer.js可以很好的预览图片和各种功能。包括图片的放大缩小旋转，可以很好的查看。下面贴下jsp的&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;查看图片&lt;/titl..
grid实现图片从左到右重叠展示图片
06-02
要实现图片从左到右重叠展示图片，可以使用CSS中的Grid布局。首先，需要将包含图片的容器设置为Grid布局，并设置为一排。然后，对于每个图片，可以将其放置在网格的不同列中，使它们重叠在一起。以下是一个示例代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值