完成上传操作,思路如下:
1、页面上写一个type="file"的input标签,是隐藏的,需要绑定一个ref属性
html:
<input type="file"
name="file"
ref="file"
@change="handleFileChange"
style="display:none">
javaScript:
handleFileChange(e) {
let file = e.target.files[0]
this.fileName = file.name
this.file = file
}
2、页面上有一个按钮,点击按钮让它去触发input标签的方法
html:
<el-button size="small"
type="primary"
@click="handleUploadFile">上传文件</el-button>
javaScript:
handleUploadFile(){
this.$refs.file.click()
}
3、由于发送ajax请求带文件过去,文件则会变成文档的字符节流
$.ajax({
type: "post",
url: "接口地址",
data: formdata,
dataType: 'json',