chenjamo 发表于 7 天前

【10.0.5】手机V-文件上传问题

手机的V-文件上传有两个问题

1、为什么页面加载的缩略图实际不是缩略图,而是整张图片直接加载了,因为整张图片直接加载,就会出现一个问题,页面中这个控件如果图片比较多的情况下因为每次都将整张图片加载了,加载速度比实际那种几KB或者几十KB的慢的特别多
2、V-文件上传在手机端预览图片的情况下是没问题的,在PC端有时候加载手机端的这个界面的情况下,预览的图片没有地方能关闭,无法像手机端这样,点击一下图片就将图片关闭了

Lay.Li 发表于 5 天前

您好,第一个问题的话,目前这个插件的缩略图展示的时候确实是会将原本的图片加载出来,如果希望加载的预览图能小一些,建议在这里配置一下图片压缩哈

如果希望缩略图是小图片,点击预览后再加载原本图片,您可以在产品需求板块反馈这个需求哈
第二个问题的话,v-文件上传,本身就是在手机页面中使用的,pc页面推荐使用el-文件上传插件。vant组件和pc页面可能会有不兼容的现象,您现在是要实现什么需求呢,为什么要在pc页面使用v-文件上传呢?
如果仅仅是想预览的话,可以使用预览图片命令去实现哈


chenjamo 发表于 前天 09:43

Lay.Li 发表于 2024-11-25 10:11
您好,第一个问题的话,目前这个插件的缩略图展示的时候确实是会将原本的图片加载出来,如果希望加载的预览 ...

第一个问题:有设置压缩了,但是因为要兼顾显示的问题,所以设置的是2000*2000,这样加载的图片还是要1M多,已经在产品需求板块反馈了需求
【10.0.5】手机V-文件上传插件图文缩略图问题
https://gcdn.grapecity.com.cn/showtopic-230217-1-1.html

第二个问题:因为我们应用都是在手机端使用,使用的是微信第三方集成,有时候用户在PC端有打开页面,但是因为PC端使用的少,如果再做一个PC页面的话,针对使用量与开发量来说很不划算

Lay.Li 发表于 前天 11:26

好的,第一个问题会有产品经理在您的帖子中跟进哈
第二个问题的话,因为手机和pc在设备和操作系统上都不太一样,所以当时就针对pc和手机页面分别做了element组件包和vant组件包。vant组件在pc页面中使用是会有一些不兼容的情况。
这边儿试了一下,如果给访问的链接后拼接isMobile=true的话,这样预览图片后再点击就是可以关闭的,您看看这种方案可行么



chenjamo 发表于 前天 14:22

本帖最后由 chenjamo 于 2024-11-28 14:24 编辑

Lay.Li 发表于 2024-11-28 11:26
好的,第一个问题会有产品经理在您的帖子中跟进哈
第二个问题的话,因为手机和pc在设备和操作系统上都不太 ...
麻烦问下,我这边主要是点击图文列表后弹窗显示明细的,那这边的isMobile=true如何拼接上去,
我做一个我情况的demo,弹窗出来的后缀发现是mobileChild=true,感觉mobileChild应该是手机弹窗?
在正式的工程文件,然后在PC端打开页面也是显示的mobileChild=true,但是图片的预览依旧是无法点击关闭
是否mobileChild=true 在识别上与isMobile=true有不同





Lay.Li 发表于 前天 16:25

您好,如果是弹窗显示明细的话,那用户如果在pc中访问的时候,他访问的列表页面就得有一个?isMobile=true的后缀,这样,弹出的页面中就会有手机子页面的标识


不带这个?isMobile=true后缀访问页面的话,弹出页面也就还是以pc的方式去打开页面


这里isMobile=true的话,活字格页面就会变成一个在手机图片中嵌入的内容,然后就可以实现用户点击图片预览,再点击就关闭了。
这里可以考虑做一个按钮,跳转连接就跳转到pc的链接中


或者这里使用预览图片这个插件去预览图片可以么

chenjamo 发表于 昨天 08:19

Lay.Li 发表于 2024-11-28 16:25
您好,如果是弹窗显示明细的话,那用户如果在pc中访问的时候,他访问的列表页面就得有一个?isMobile=true的 ...

由于场景的问题,所以只能使用弹窗的方式,不能使用跳转,而且暂时主要用于手机,需要拍照和上传图片,好像没有其他插件可以使用

Lay.Li 发表于 昨天 09:16

详细页面还是弹出的,意思是,给首页就加一个pc页面的按钮,当用户点击这个按钮时,就跳转到列表页面url?isMobile=true这个页面
页: [1]
查看完整版本: 【10.0.5】手机V-文件上传问题