首页 > Web开发 > 详细

前端上传文件到后端原理:使用Element + vue

时间:2021-03-27 12:43:22      阅读:217      评论:0      收藏:0      [点我收藏+]

使用Element 中的uoload   在:action中是后端服务器接收上传文件的接口

:action=this.baseUrlApi+‘sound-record/insert‘

在上传成功后会通过
:on-success="onSuccess" 方法接收服务器回传的刚才保存的文件的物理地址

 

<el-upload
      :headers="uploadHeaders"
      :action="baseUrlApi+‘prisoners/import‘"
   :data="datas"
   :disabled="daoru"
   :on-success="onSuccess"

    :on-preview="handlePreview"
    :on-remove="handleRemove"
    :before-remove="beforeRemove"
    name="annexFile"
    accept=".mp3, .CRT,.png">

  <el-button size="small" type="primary">点击上传</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>

 

前端上传文件到后端原理:使用Element + vue

原文:https://www.cnblogs.com/xingkongzhizhu/p/14585094.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!