1. 概述
我們在采集員工信息時，通常需要上傳員工的照片。那麽如何實現上傳圖片功能呢？
1.2 解決思路
「文件控件」支持上傳圖片，支持的圖片格式有：jpg、png、gif，如下圖所示：
注：上傳的圖片以二進制編碼的形式存儲到數據庫表中。
2. 示例
打開設計器内置模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FreeForm\自由填報模板.cpt ，模板制作過程可參見：自由報表填報，表格樣式如下圖所示：
2.2 控件設置
1）H6 單元格添加了一個「文件控件」，由於每個員工只需上傳一張照片，因此勾選「只支持單文件上傳」，如下圖所示：
注：“只支持單文件上傳”，勾選此按鈕後，上傳照片會直接顯示圖片和文件名；如果不勾選，上傳後則不會直接顯示圖片，只顯示文件名。
2）點擊「控件設置>移動端」，可設置移動端預覽時的圖片上傳方式，如下圖所示：
3）上傳的圖片會以二進制編碼的形式存到雇員表的照片字段下，所以數據庫表中「照片」的字段類型需修改爲可存儲二進制的類型，如下圖所示：
2.3 效果預覽
1）PC 端
保存模板，點擊「填報預覽」，點擊上傳圖片，效果如下圖所示：
2）移動端
同時支持 App 端和 H5 端上傳圖片。效果如下圖所示：
3. 模板下載
已完成模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FreeForm\自由填報模板.cpt
點擊下載模板：自由填報模板.cpt
4. 注意事項
當圖片太大，無法正常顯示，其解決方法如下：
右擊單元格，選擇「樣式>自定義樣式>對齊」或者直接在報表右側的單元格屬性面板中選擇「樣式>自定義樣式>對齊」，将圖片布局的方式改爲「适應」即可。如下圖所示：
