# JUpload 幫助文檔 ## 效果展示   ## 引用方式 ``` js import JUpload from '@/components/jeecg/JUpload' ``` ``` html <j-upload v-model="fileList" text="上傳"></j-upload> ``` ## 參數文檔 | 參數 | 類型 | 必填 |說明| |--------------|---------|----|---------| | text |String| | 按鈕顯示文字，默認為“點擊上傳”| | fileType |String | | 定義文件類型，可選值：all、image。默認為all，如果傳image，則只能上傳圖片 | | bizPath |String | | 用于控制文件上傳的業務路徑 默認為temp | | value(v-model) |String/Array | | 文件路徑，String類型多個文件請用半角逗號隔開| | disabled |Boolean| | 是否禁用，默認false | | number|int| | 上傳文件數量，默認不限制 | | returnUrl |Boolean| | 是否返回文件url，true:僅返回文件url，多個url則逗號隔開，false:返回json類型{fileName:"1.doc",filePath:"/temp/1.doc",fileSize:200} 默認true | | multiple |Boolean| | 是否可以多選，默認true `v_3.4.5` | ## 示例 ~~~ <template> <a-modal :visible="visible" :confirmLoading="confirmLoading" @ok="handleOk" @cancel="handleCancel" cancelText="關閉"> <j-upload v-model="fileList" text="上傳"></j-upload> </a-modal> </template> <script> import JUpload from '@/components/jeecg/JUpload' export default { components: { JUpload }, data () { return { ... fileList:[], ... } }, methods: { handleOk () { ... formData.file = this.fileList; ... }, } } </script> ~~~