ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
# 文件上传 上传除图片外的其他文件资源。 >上传图片建议使用图片上传组件,图片组件可以提供图片预览功能。 [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 配置项| ## 使用示例 ![](https://box.kancloud.cn/9d5f01e340577e30b95869f0f1cb0e0b_1436x786.png) ``` <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> ```