最近公司有相應的需求，需要上傳LOGO，所以我就做了一個可以拖拽也可以點擊上傳的控件。
同時對控件做了如下描述：
DACUpload是基於XHR的上傳控件，可以通過拖拽圖片或單擊區域即可上傳圖片文件；上傳完成的圖片顯示在控件中。
對控件的屬性和方法描述如下。
屬性：
| 名稱 |
描述 |
默認值 |
| IsShow |
是否只是顯示。Ture：圖片可以拖拽和單擊上傳，上傳過后可以刪除重新上傳。False：只顯示上傳的圖片，或者僅僅顯示一個區域，不能拖拽上傳和單擊上傳。 |
false |
| Height |
顯示區域高度 |
130 |
| Width |
顯示區域寬度 |
130 |
| UploadUri |
上傳路徑 |
'' |
| DownloadUri |
下載路徑 |
'' |
| MaxLoadSize |
最大上傳大小(M) |
20 |
| FilePath |
顯示時，文件的服務器路徑 |
'' |
| Language |
語系。目前有三種語系：zh_CN zh_TW en_US 。 |
zh_CN |
方法：
| 名稱 |
描述 |
| OnUploadImageSuccess |
文件上傳后的回調函數。非異常情況下，返回的格式應按照如下格式： {State:true,Message: ”上傳成功”,JsonData:”文件名稱”} |
Demo：
1、 添加DAC.js
2、寫入HTML：<div id="LOGO_PHOTO" style="margin-left:100px;"></div>
3、上傳模式
$(document).ready(function () {
$('#LOGO_PHOTO').DragAndClick({
IsShow: false,
Height: '230',
Width: '230',
UploadUri: ' http://localhost:335/UploadFile/',//上傳的路徑
DownloadUri: ' http://localhost:336/Attachment/',//下載的路徑
MaxLoadSize: 20,//上傳大小限制
Language: 'zh_TW', //多語系設置，目前只有三種：zh_CN zh_TW en_US
OnUploadImageSuccess: function (res) {//文件上傳成功返回值，返回值格式{State:"",Message:"",JsonData:""}
alert(res.JsonData + '上傳成功！');
}
});
});
顯示模式
$(document).ready(function () {
$('#LOGO_PHOTO').DragAndClick({
IsShow: true,
Height: '230',
Width: '230',
FilePath: 'http://localhost:336/Attachment/' + 'test.jpg',//示例顯示圖片
Language: 'zh_TW', //多語系設置，目前只有三種：zh_CN zh_TW en_US
});
});
如果需要和我一起完善這個控件的，可以聯系我：QQ284362096
后邊我會放置到OSCHINA GIT 上，歡迎一起分享。
控件DEMO秀：
