bootstrap的文件上传控件功能的确很强大,上传图片正常,可是上传pdf后,刚上传的预览可以看pdf,可是关闭模态框框直接从后台读取pdf文件却显示不出来了,看了一下前端代码,能预览时是因为刚上传时pdf被放在<embed>标签里面,而从后台读取出来后被放在了<img>标签里当图片处理了。bootstrap既然能让你上传预览,自然也能让你回显时预览,不过还真的有点不好找,所以特此记录一下,如果你有更好的方法欢迎告诉我。
就是在.fileinput({
……
allowedFileExtensions: ['jpg', 'png', 'jpeg', "gif", "pdf"],
initialPreviewConfig: {…… ,type:"pdf" ,……},
……
});
根据后台读取的文件后缀名去判断,如果该文件是pdf格式的,则在他对应的initialPreviewConfig数组那一项里面加上一个type:"pdf" 属性,其他的如果是图片则不用加上type,我看文档如果是mp4格式加上对应的type也能实现视频文件的预览。
网友评论