第六章 JQuery基礎設計第六章 JQuery基礎設計\6-7 FileUpload檔案上傳與下載

6-7 FileUpload檔案上傳與下載

 

Step1>    我們先在資料表裡新增一個附件欄位,用於下面的檔案上傳。選到Table下的Customers表,按右鍵,選到設計。

 

 

Step2>    按下新增按鈕,增加一個附件欄位,Attachment       nvarchar(50),並保存起來。

 

 

Step3>    打開sCustomers,找到Customers這個InfoCommandCommandText屬性編輯,將Attachment欄位加入Select語句中,按下確定並保存起來。

 

 

Step4>    打開wSingle2表單,找到DataGrid元件,Columns屬性編輯,新增一個欄位,Field屬性下拉選擇Attachment,按下確定。

 

 

Step5>    同樣找到DataForm元件,Columns屬性編輯,新增一個欄位,Field屬性下拉選擇Attachment

 

 

Step6>    Editor屬性點進來做編輯,Type下拉選擇fileuploadFolder屬性設置上傳的資料夾名稱UploadFileShowDialog屬性若您的IEIE10以下版本,請勾選此屬性,接著按下確定按鈕。

 

 

Step7>    保存後預覽一下:

 

 

 

Step8>    我們也有提供檔案下載的方式,在DataGrid的欄位屬性上,設定Format屬性為:file,UploadFile(UploadFile是上傳檔案的資料夾名稱)

 

 

保存後瀏覽一下:

 

 

Step9>    若是要做圖片的預覽,在DataGrid的欄位屬性上,設定Format屬性為image,UploadFile(UploadFile是上傳檔案的資料夾名稱)

 

 

保存後預覽一下:點擊縮圖會放大圖片。

 

 


 

Top of Page