第五章 JQuery進階設計第五章 JQuery進階設計\5-7上傳圖片

5-7上傳圖片

Step1> 同樣上傳圖片也類似的設置,同樣以wCustomers為例。右擊dfMasterEdit Columns。選擇Picture,將Editor屬性設置為infofileupload

Step2> 點擊EditorOptions屬性,將Filter(上傳文件類型)設置為png|jpg(代表可上傳檔案類型為pngjpg)UploadFolder(上傳文件目錄)設置為Picture然後OK

Step3> 右擊dgview,再Edit Columns

Step4> 選中Picture,將Format屬性設置為:image,Folder:Picture,Height:60然後按OK按鈕,最後要Save一下。

Step5> 使用Preview查看效果,編輯第一筆,可見圖片可上傳附件:

Step6> 瀏覽之後要按上傳這樣圖片中才會有值然後按提交按鈕。

Step7> 在第一筆的圖片中可見剛剛上傳的圖片。

 

Top of Page