Javascript 如何在预览图像框中显示任何类型的图像、文档、excel、pdf_Javascript_Html_Jquery_Css_Twitter Bootstrap

Javascript 如何在预览图像框中显示任何类型的图像、文档、excel、pdf

javascript html jquery css twitter-bootstrap

Javascript 如何在预览图像框中显示任何类型的图像、文档、excel、pdf,javascript,html,jquery,css,twitter-bootstrap,Javascript,Html,Jquery,Css,Twitter Bootstrap,我想在预览图像框中显示图像、文档、excel、pdf。如果有人能帮忙，请帮忙 *{margin:0px；padding:0px；} #容器{宽度：20%；填充：2%；框阴影：0px 0px 10px#8888888；边距：10px自动；} #图像1{宽度：96%；填充：2%；边框：1px绿色虚线；} #标题{背景：#405570；颜色：白色；文本对齐：居中；填充：2%；} #查看图像{边界半径：5px；溢出：隐藏；} #预览图像{填充：1%；边框：1px实心#EFEF；高度：200px；}

我想在预览图像框中显示图像、文档、excel、pdf。如果有人能帮忙，请帮忙

*{margin:0px；padding:0px；}
#容器{宽度：20%；填充：2%；框阴影：0px 0px 10px#8888888；边距：10px自动；}
#图像1{宽度：96%；填充：2%；边框：1px绿色虚线；}
#标题{背景：#405570；颜色：白色；文本对齐：居中；填充：2%；}
#查看图像{边界半径：5px；溢出：隐藏；}
#预览图像{填充：1%；边框：1px实心#EFEF；高度：200px；}




预览图像
图像将显示在这里

您可以尝试jquery文件上传插件

，但我也想显示pdf文件、excel或文档