摘要:項目需求在前端頁面中實現預覽表格的功能,上網了解之后大致總結為一下幾種方法。第四種方法把表格打開后,另存為格式的文件。在網頁上預覽效果和表格一致。
項目需求在前端頁面中實現預覽excel表格的功能,上網了解之后大致總結為一下幾種方法。
1.office文檔轉換為pdf,再轉swf,然后通過網頁加載flash進行預覽
2.通過 xlsx.js,jszip.js插件
3.django xlrd讀取excel內容,循環寫入到前端頁面table中
4.office轉html,網頁加載html文件進行預覽
第一種方法:首先你的電腦上需要安裝office軟件,其次轉換過程較為繁瑣,同時消耗系統資源。
第二種方法:個人對js不是很熟悉,看了別人寫的js代碼,感覺可行性還是挺高的
第三種方法:通過django的xlrd插件按照行和列進行數據讀取,然后寫入到變量中存儲,最后返回給前端模板頁面。可以實現預覽的效果,但后臺操作較為繁瑣,程序運行效率較低。
第四種方法:把excel表格打開后,另存為html格式的文件。在網頁上預覽效果和excel表格一致。
綜上第四種方法是比較不錯的選擇
需要安裝libreoffice軟件,ubuntu下直接通過軟件庫安裝,其他可通過官網下載,下載地址如下:
https://zh-cn.libreoffice.org...
ps:注意系統版本的選取
執行代碼如下,后面跟的是文件地址。
libreoffice --invisible --convert-to html " + my_file.name
在我的項目中,我把該代碼集成到了文件上傳的方法中,在文件上傳完成后,生成該文件的html后綴的文件,最后在前端頁面中通過a標簽訪問到對應的路徑地址,實現在頁面中預覽的效果。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/40860.html
摘要:項目需求在前端頁面中實現預覽表格的功能,上網了解之后大致總結為一下幾種方法。第四種方法把表格打開后,另存為格式的文件。在網頁上預覽效果和表格一致。 項目需求在前端頁面中實現預覽excel表格的功能,上網了解之后大致總結為一下幾種方法。 1.office文檔轉換為pdf,再轉swf,然后通過網頁加載flash進行預覽 2.通過 xlsx.js,jszip.js插件 3.django xl...
摘要:效果預覽導出文件效果點擊下載彈出框效果代碼總覽為公司業務代碼,大多為從緩存或者數據庫中獲取導出數據,不影響導出功能。導出導出導出所有在線離線用戶成功導出所有在線離線用戶失敗引用導出表格 需求 將每個xmpp機房的在線/離線用戶信息導出到Excel表格中(定時任務+網頁按鈕),并在網頁上提供下載按鈕進行下載。 效果預覽 showImg(https://segmentfault.com/i...
摘要:用不到行代碼,在前端實現的全部功能千萬前端開發者翹首企盼,終發布更新六大功能特性,帶來更多便利,用不到行代碼,在前端實現的全部功能是一款基于的純前端電子表格控件,以高速低耗高度類似可無限擴展為產品特色,提供移動跨平臺和瀏覽器支持,同時滿足等 用不到100行代碼,在前端實現Excel的全部功能 千萬前端開發者翹首企盼,SpreadJS V12.2 終發布更新:六大功能特性,帶來更多便利,...
摘要:鼠標按下拖拽多選單元格這個是本唯一的亮點了個人認為。這樣做的結果是頁面非常卡,因為鼠標移動過程會多次觸發鼠標移動事件,會多次進行單元格元素循環遍歷。 網頁版模仿Excel 最近公司閑的dan疼,非要模仿Excel做一個網頁版的Excel,剛開始聽說要做這么一個東西的時候瞬間覺得公司領導高(sang)瞻(xin)遠(bing)矚(kuang),只能頭鐵的接下了,那就開始干。其實主要目的是...
摘要:鼠標按下拖拽多選單元格這個是本唯一的亮點了個人認為。這樣做的結果是頁面非常卡,因為鼠標移動過程會多次觸發鼠標移動事件,會多次進行單元格元素循環遍歷。 網頁版模仿Excel 最近公司閑的dan疼,非要模仿Excel做一個網頁版的Excel,剛開始聽說要做這么一個東西的時候瞬間覺得公司領導高(sang)瞻(xin)遠(bing)矚(kuang),只能頭鐵的接下了,那就開始干。其實主要目的是...
閱讀 1428·2021-11-19 11:38
閱讀 3571·2021-11-15 11:37
閱讀 814·2021-09-30 09:48
閱讀 959·2021-09-29 09:46
閱讀 903·2021-09-23 11:22
閱讀 1880·2019-08-30 15:44
閱讀 3397·2019-08-26 13:58
閱讀 2390·2019-08-26 13:26