bootstrap fileinput 上傳pdf文件后,重新打開不能預覽

bootstrap的文件上傳控件功能的確很強大,上傳圖片正常,可是上傳pdf后,剛上傳的預覽可以看pdf,可是關閉模態(tài)框框直接從后臺讀取pdf文件卻顯示不出來了,看了一下前端代碼,能預覽時是因為剛上傳時pdf被放在<embed>標簽里面,而從后臺讀取出來后被放在了<img>標簽里當圖片處理了。bootstrap既然能讓你上傳預覽,自然也能讓你回顯時預覽,不過還真的有點不好找,所以特此記錄一下,如果你有更好的方法歡迎告訴我。
就是在.fileinput({
……
allowedFileExtensions: ['jpg', 'png', 'jpeg', "gif", "pdf"],
initialPreviewConfig: {…… ,type:"pdf" ,……},
……
});
根據(jù)后臺讀取的文件后綴名去判斷,如果該文件是pdf格式的,則在他對應的initialPreviewConfig數(shù)組那一項里面加上一個type:"pdf" 屬性,其他的如果是圖片則不用加上type,我看文檔如果是mp4格式加上對應的type也能實現(xiàn)視頻文件的預覽。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容