<input id="upload" type="file" @change="upload"> 在input里选择文件,然后在select下拉菜单里显示出来
selId.appendChild(new Option('value','text'))
帮你改成vue2.x的了。。
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
<input id="upload" type="file" v-on:change="upload">
<select>
<option v-for="file in files">
{{ file }}
</option>
</select>
</div>
<script>
new Vue({
el: '#app',
data: {
files: [],
formData: new FormData()
},
methods: {
upload(e) {
var f = e.target;
if (this.formData.has(f.value)) { alert('已经选择过文件“' + f.value + '”!'); return false; }
this.files.push(f.value);
this.formData.append(f.value, f.files[0]);
}
}
});
</script>
在upload事件里面获取文件列表,形成一个数组,然后使用数组渲染select,你用的是vue吗?