R Shiny应用页脚添加的Logo图片无法正常显示如何解决

两个核心问题的明确答复 #

• Shiny图片引用规则和原生HTML存在差异，并非将图片放在任意项目目录即可被识别。Shiny默认将项目根目录下全小写命名的www文件夹作为静态资源唯一默认根目录，所有前端需要调用的图片、样式表、脚本文件都需要存放在该目录下，引用时直接写文件名即可，无需额外加目录前缀。你当前出现空白图片占位符，基本是因为没有创建www文件夹，或是Logo.jpg没有放在该文件夹内。
• 静态图片属于前端静态资源，加载渲染完全不需要编写任何server端逻辑，只要路径配置正确，即使server端为空函数也可以正常显示图片。

正确操作流程 #

1. 打开你存放Shiny应用app.R文件的根目录，新建一个名为www的文件夹，注意名称必须为全小写，不要使用其他命名
2. 将需要加载的Logo.jpg文件移入该www文件夹
3. 保留原有UI代码无需修改，直接运行应用即可正常显示图片，可参考最小可运行示例：

library(shiny)
ui <- fluidPage(
  # 其余业务UI组件可正常添加在此处
  tags$footer(img(src="Logo.jpg", height = 25, width = 50), align = "right")
)
server <- function(input, output) {
  # 无需添加任何和图片加载相关的服务端逻辑
}
shinyApp(ui, server)

常见踩坑提示 #

• 若不想使用默认www目录，可通过addResourcePath()函数自定义静态资源映射路径，新手推荐直接使用默认www目录，配置成本最低、出错概率最小
• 注意文件名大小写匹配，Linux类部署环境对文件名大小写敏感，需保证代码中填写的文件名和实际文件完全一致
• 引用路径不要写www/Logo.jpg，Shiny启动时已经自动将www目录映射为网页访问根路径，加了目录前缀反而会导致资源找不到

内容的提问来源于stack exchange，提问作者James Dailey