美文网首页
element-ui中文件上传

element-ui中文件上传

作者: 陈大事_code | 来源:发表于2019-05-07 14:17 被阅读0次
      <el-upload
        :action="url"   // 上传文件的地址
        :auto-upload="true" // 是否自动上传
        :show-file-list="false" // 是否展示上传列表
        :headers="{'token':token}"  // 在消息头中加的附加信息(对象格式),我这边加的是token
        :data="{id:memberId}"       //  上传时的附加信息,对象格式
        :on-success="onSuccess" //成功对调
        :on-error="onError"     //失败回调    
      >
      </el-upload>
    

    说明:

    url:必须是完整的地址,可以是映射地址,确保映射完的地址是完整的地址即可。

    headers:其中可以加一些我们需要放入请求头中的信息,例如token等。对象格式。

    data:我们上传时需要在请求中加一些额外的信息,譬如我们需要将某个id、又或者日期等参数传过去,可以使用它。

    相关文章

      网友评论

          本文标题:element-ui中文件上传

          本文链接:https://www.haomeiwen.com/subject/ecmeoqtx.html