美文网首页
bootstrap fileinput 上传pdf文件后,重新打

bootstrap fileinput 上传pdf文件后,重新打

作者: ytuio21 | 来源:发表于2017-09-21 09:00 被阅读1187次

    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也能实现视频文件的预览。

    相关文章

      网友评论

          本文标题:bootstrap fileinput 上传pdf文件后,重新打

          本文链接:https://www.haomeiwen.com/subject/xtxzsxtx.html