# 文件上傳
上傳除圖片外的其他文件資源。
>上傳圖片建議使用圖片上傳組件,圖片組件可以提供圖片預覽功能。
[TOC]
## 組件參數
下面介紹上傳時可定義的參數
| 屬性 | 說明 | 示例|
| --- | --- |--- |
| width | 彈窗寬度 | width:'100%'
| extensions | 可使用擴展名 |extensions: 'doc,ppt,wps,zip,txt,jpg,jpeg,png,gif'|
| fileSizeLimit | 允許上傳文件總大小(字節) | fileSizeLimit: 200 * 1024 * 1024 , 默認200MB |
| fileSingleSizeLimit | 允許上傳單個文件大小(字節) | fileSingleSizeLimit: 20 * 1024 * 1024,默認5MB |
|data|POST數據|data:{name:'后盾人',year:2099}|
|server| 后臺上傳地址|默認為hdjs的window.hdjs.uploader 配置項|
## 使用示例

```
<button onclick="upFile(this)" class="btn btn-default" type="button">選擇文件</button>
<script>
require(['hdjs']);
//上傳圖片
function upFile() {
require(['hdjs'], function (hdjs) {
var options = {
extensions: 'txt,php',
//data是向后臺服務器提交的POST數據
data:{name:'后盾人',year:2099},
//單個文件允許為5MB
fileSingleSizeLimit:5 * 1024 * 1024
};
hdjs.file(function (files) {
//上傳成功的文件,數組類型
console.log(files);
}, options)
});
}
</script>
```
- 文檔已經遷移到后盾人
- 基礎知識
- 項目介紹
- 安裝配置
- 日期時間
- 日期選擇
- 列表框日期
- 日期區間
- 時間選擇
- moment
- 上傳處理
- 初始配置
- 圖片上傳
- 文件上傳
- 消息通知
- 消息通知
- Bootstrap消息
- izitoast
- SweetAlert
- 模態框
- 表單管理
- 異步請求
- 表單提交
- 表單驗證
- 擴展組件
- GET參數
- 剪貼板
- 表情選擇
- 圖表
- 拾色器
- 二維碼生成
- 光標控制
- 數據驗證
- md5
- 設備檢測
- Loading
- 預覽圖片
- 圖標庫
- COOKIE
- 百度地圖
- 城市選擇
- Vue.js
- jQuery
- axios
- 播放器
- 幻燈片
- 代碼高亮
- 阿里云OSS
- 驗證碼
- 頁面滾動
- lodash
- momentjs
- markdownIt
- 元素頁面固定
- 編輯器
- ueditor
- editor.md
- SimpleMDE
- simditor
- 自定義組件
- 1.0(舊版)
- 基礎知識
- 作者向軍
- 安裝配置
- 查看效果
- 元素樣式
- 日期時間
- 日期選擇
- 日期區間
- 時間選擇
- moment
- 上傳處理
- 圖片上傳
- 文件上傳
- 后臺處理
- 模態消息
- 模態
- notify
- bootstrap
- 表單管理
- 表單提交
- 表單驗證
- 表單樣式
- 擴展組件
- 自定義組件
- get參數
- 剪貼板
- 表情選擇
- 圖表
- 拾色器
- 二維碼生成
- 光標控制
- 數據驗證
- MD5
- loading
- 預覽圖片
- 圖標庫
- COOKIE
- 百度地圖
- 城市選擇
- Vuejs
- jQuery
- 播放器
- 幻燈片
- axios
- 代碼高亮
- 阿里云OSS
- 驗證碼
- 正則表達式
- 工具函數
- 編輯器
- 百度編輯器
- markdown
- simplemde-markdow