前端上傳文件到后端原理：使用Element + vue

使用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>