el-upload获取文件在本机的地址

最新推荐文章于 2024-09-30 14:28:41 发布

我是关小花

最新推荐文章于 2024-09-30 14:28:41 发布

阅读量4.4k

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Gx0525_/article/details/131130344

版权

 <el-upload
	action=""
	:limit="1"
	:on-change="handleChange"
	:auto-upload="false"
	:file-list="fileList"
	:show-file-list="false"
> 
 	<el-button size="small" type="primary">点击上传</el-button>
</el-upload>

handleChange(file, fileLists) {
	console.log(file);
	console.log(fileLists);
	// 本地服务器路径
	console.log(URL.createObjectURL(file.raw));
	// 本地电脑路径
	console.log(document.getElementsByClassName("el-upload__input")[0].value);
},