SpreadJS支持雙向數據綁定，可以快速實現填報和報表需求。在報表中，展示圖片也是常見需求，那麼如何將數據字段中的圖片鏈接展示爲圖片呢？
目前SpreadJS可以通過浮動圖片，單元格背景以及V14Update1中新增的圖片迷你圖三種方式顯示圖片。再結合一定的開發，即可實現綁定圖片的需求。
方法一：圖片迷你圖引用綁定路徑單元格
參考圖片迷你圖實例，將含有鏈接的列隱藏，展示圖片單元格使用IMAGE引用隱藏單元格。
優點：不需要代碼開發，只要在設計模板時使用些小技巧即可
缺點：模板設計人員需要學習設計方法，合理安排隱藏單元格位置；Excel不支持函數迷你圖，導出Excel顯示#NAME
方法二：綁定後遍歷添加圖片
在模板設計時，給單元格tag加上特殊標記，數據綁定完成後遍歷單元格，查找標記，在單元格位置插入浮動圖片。
優點：浮動圖片可以導出Excel
缺點：模板設計時候要打標記；插入浮動圖片需要考慮合併單元格的影響
方法三：自定義圖片單元格
自定義圖片單元格，在自定義單元格paint實現中設置參數的style添加backgroundImage屬性值爲單元格value，value參數傳遞空。在單元格中顯示圖片
優點：使用單元格類型設置圖片更直觀，和Checkbox等方式一致。
缺點：單元格類型無法導出Excel
大家可以根據自己項目實際需求選擇合適的方式添加圖片。
純前端表格控件SpreadJS，兼容 450 種以上的 Excel 公式，具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受華爲、蘇寧易購、天弘基金等行業龍頭企業的青睞，並被中國軟件行業協會認定爲“中國優秀軟件產品”。SpreadJS 可爲用戶提供類 Excel 的功能，滿足表格文檔協同編輯、 數據填報、 類 Excel 報表設計等業務場景需求，極大的降低企業研發成本和項目交付風險。
本文轉載自葡萄城官網