vue+elementUi+el-upload实现上传获取本机文件路径获取本机服务器路径电脑盘符createObjectURLgetElementsByClassName

Posted 2022-05-10 web半晨

目录

• 1、HTML
• 2、JavaScript

---

1、html

<el-upload
	action=""
	:limit="1"
	:on-change="handleChange"
	:auto-upload="false"
	:file-list="fileList"
	:show-file-list="false"
>
	<span>选择文件</span>
</el-upload>

---

2、javascript

export default 
	data()  
		return ;
	,

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

创作打卡挑战赛 赢取流量/现金/CSDN周边激励大奖