vue-simple-uploader自定义参数

vue-simple-uploader自定义参数

processParams 处理请求参数,默认 function (params) {return params},一般用于修改参数名字或者删除参数。0.5.2版本后,processParams 会有更多参数:(params, Uploader.File, Uploader.Chunk, isTest)

 options: {
          processParams:(file)=>{
            return {
             currentNumber:file.chunkNumber,
             currentSize:file.chunkSize,
             totalChunk:file.totalChunks,
             totalSize:file.totalSize,
             chunkSize:file.chunkSize,
             identifier:file.identifier,
            }
          },
          }
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-simple-uploader是一个基于Vue.js的轻量级文件上传组件。以下是一个简单的配置示例: 1. 安装vue-simple-uploader: ``` npm install vue-simple-uploader --save ``` 2. 在Vue组件中引入: ```javascript import Uploader from 'vue-simple-uploader' export default { components: { Uploader } } ``` 3. 在模板中使用: ```html <uploader :upload-url="uploadUrl" :headers="headers" :multiple="multiple" :limit="limit" :extensions="extensions" :auto-upload="autoUpload" :show-upload-button="showUploadButton" :show-remove-button="showRemoveButton" :show-preview="showPreview" :show-file-list="showFileList" :text="text" :data="data" @success="onSuccess" @error="onError" @file-added="onFileAdded" @file-removed="onFileRemoved" /> ``` 其中,各个参数的含义如下: - `uploadUrl`:文件上传的地址; - `headers`:HTTP请求头部信息; - `multiple`:是否允许多选; - `limit`:上传文件数量限制; - `extensions`:允许上传的文件扩展名; - `autoUpload`:是否自动上传; - `showUploadButton`:是否显示上传按钮; - `showRemoveButton`:是否显示删除按钮; - `showPreview`:是否显示预览; - `showFileList`:是否显示文件列表; - `text`:组件的文字信息; - `data`:上传文件时需要携带的额外数据; - `success`:上传成功的回调函数; - `error`:上传失败的回调函数; - `file-added`:添加文件时的回调函数; - `file-removed`:删除文件时的回调函数。 更多配置信息可以参考vue-simple-uploader的官方文档:https://github.com/simple-uploader/vue-simple-uploader/blob/master/README_CN.md
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值