在使用el-upload时,获得选取文件的本地路径
网上各种文章看过后貌似都没有发现,通过el-upload如何获取本地文件路径的方法1、百思不得其解后,让我回想起了原生input框是如何调本地文件获取路径<inputtype="file"id="file">console.log(document.getElementById("file").value)2、同理,el-uplo...
网上各种文章看过后貌似都没有发现,通过el-upload如何获取本地文件路径的方法
1、百思不得其解后,让我回想起了原生input框是如何调本地文件获取路径
<input type="file" id="file">
console.log(document.getElementById("file").value)
2、同理,el-upload也是element封装的,所以找到内置的input框class,从而获取input框value值 ,通过返回数组的第一条里找到了value属性值也是上传时的文件路径,这下是真的解决了问题
console.log(document.getElementsByClassName("el-upload__input"))
3、最后在选取文件触发钩子的时候给file.name赋值(也就是input框获取到的value值)
file.name = document.getElementsByClassName("el-upload__input")[0].value
4、自己也是项目有需求,希望对大家有帮助!!!
更多推荐
所有评论(0)