<el-form-item label="图标文件名"
label-width="120px">
<el-input v-model="form.icon"
autocomplete="off"></el-input>
<el-upload class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-change="changeFile"
multiple
:limit="3"
:file-list="fileList"
list-type="picture">
<el-button size="small"
type="primary">上传图片</el-button>
<div slot="tip"
class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
</el-form-item>
getBase64(file) {
return new Promise(function (resolve, reject) {
const reader = new FileReader()
let imgResult = ''
reader.readAsDataURL(file)
reader.onload = function () {
imgResult = reader.result
}
reader.onerror = function (error) {
reject(error)
}
reader.onloadend = function () {
resolve(imgResult)
}
})
},
changeFile(file, fileList) {
console.log(file)
this.getBase64(file.raw).then(res => {
console.log(res)
this.form.icon = res
})
},