App.vue
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<template>
<div>
<div>
<ul>
<input @change="upload" multiple type="file" id="file" class="inputfile" />
<label for="file" class="input-plus">+</label>
</ul>
</div>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return {
}
},
methods: {
upload(e) {
let 파일 = e.target.files;
console.log(파일);
let url = URL.createObjectURL(파일[0]);
console.log(url);
}
}
}
</script>
|
cs |
+ 버튼 클릭 시 이미지 선택하는 창이 나오고, 이미지가 선택되면 console 에 이미지 url 이 나오는 소스이다.
url 을 브라우저 창에 치면 이미지가 나온다.