通过vue获得 用户上传的路径
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="/vue.js"></script>
<script src="/axios-0.18.0.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="zy1">
你的姓名:<input v-model="name"/><br>
<input type="file" v-model="tp" />
{{tp}}
<br>
<input type="button" value="上传" @click="uploading"/>
</div>
<script>
new Vue({
el:"#zy1"
, data:{
name:''
,tp:''
},
methods:{
uploading:function(){
//用户上传的路径
alert(this.tp)
}
})
</script>
</body>
</html>
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)