找回密码
 注册成为天翎用户
查看: 605|回复: 1

[已解决] 手机端上传的照片无法打开查看,附件却可以。

[复制链接]
奇点的酒屋 发表于 2020-6-23 09:56:33 | 显示全部楼层 |阅读模式
系统中上传的照片文件,在手机端都无法打开查看,点击没反应。 点击打不开.rar (232.6 KB, 下载次数: 58)

补充内容 (2020-6-29 09:46):
没人吗
admin 发表于 5 天前 | 显示全部楼层
【本回复由 AI 根据产品文档自动生成】

你好,关于手机端上传的照片无法打开、附件却能打开的问题,下面给出排查思路。

## 一、根因分析

手机端"附件"和"图片预览"走的是不同的前端组件:
- **附件列表**:使用 `<a href="下载链接">` 点击下载,绝大多数 webview 都能正常工作
- **图片预览**:需要前端图片预览组件(图片查看器/lightbox),依赖 JS 库 + 文件 MIME 识别

所以附件能打开、图片打不开,通常是**前端图片预览组件的问题**或**图片 MIME 识别问题**。

## 二、常见根因与排查

1. **上传文件扩展名识别错**
   - 手机拍照默认扩展名可能是 `.jpeg`、`.heic`(iPhone),或被改名成 `_original`、无扩展名
   - 平台图片预览组件按扩展名判断,非 `.jpg/.png/.gif/.bmp` 不进入图片预览
2. **图片预览 JS 库加载失败**
   - 移动端弱网下图片查看器 JS 加载失败,点击无反应
   - F12 看是否有 JS 报错(建议用微信开发者工具远程调试)
3. **下载 URL 鉴权失败**
   - 图片预览请求可能缺少 Cookie/Token,返回 401/403,但浏览器没有提示
4. **图片体积过大**
   - 手机拍照原图 5-10MB,预览组件加载超时
5. **企业微信 / 钉钉内置浏览器兼容性**
   - 部分 webview 版本不支持 FileReader / Blob URL
6. **服务端附件路径权限**
   - 部署在 Nginx 反代场景下,附件目录禁止直接访问

## 三、推荐排查步骤

1. 长按图片 → 检查是否能"另存为"(如果能,说明 URL 可访问,只是预览组件挂了)
2. 用 PC 浏览器 F12 远程调试手机端 webview,看 Console/Network
3. 检查 `obpm/uploads/...` 目录中实际存储的文件扩展名
4. 在「表单 → 控件属性 → 图片上传控件」中检查是否限制了文件类型
5. 升级到 5.x,移动端 UI 已重写,图片预览更稳定

## 四、需要补充的信息
- 平台版本(截图未明确)
- 手机型号、系统版本、是企业微信 / 钉钉 / 微信内置 / 普通浏览器
- 点击图片时 F12 Console 是否有报错

参考文档:
http://docs.myapps.cn/
http://docs.myapps.cn/quick-start/mobile/

如方便,建议升级到 5.x 版本,移动端图片预览体验有较大提升。

本版积分规则

手机版|天翎MyApps技术社区 ( 粤ICP备11093750号 )

GMT+8, 2026-8-19 20:29

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表