vue-element的上传图片
<!-- action是指请求上传后要请求的接口 -->
<!-- on-preview是预览窗口的函数 -->
<!-- on-remove是点击移除触发这个函数 -->
<!-- headers是请求头 上传需要获取token -->
<!-- action要完整的url ->
<el-upload action="http://127.0.0.1:8888/api/private/v1/upload"
:on-preview="handlePreview"
:on-remove="handleRemove"
list-type="picture"
:headers='picheader'
:on-success='picsuccess'>
<el-button size="small"
type="primary">点击上传</el-button>
<div slot="tip"
class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
预览图片是用对话框组件,激活对话框,放置img 函数形参有file这个值,返回对象
remove移除激发的函数: