haisen_L
2021-06-30 11:21
采纳率: 33.3%
浏览 55

怎么将input里选中的文件在select里显示出来

<input id="upload" type="file" @change="upload"> 在input里选择文件,然后在select下拉菜单里显示出来

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • CSDN专家-showbo 2021-06-30 11:28
    已采纳

    selId.appendChild(new Option('value','text'))

    1 打赏 评论
  • CSDN专家-showbo 2021-06-30 11:31

    帮你改成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>
    
    1 打赏 评论
  • yycgis 2021-06-30 11:40

    在upload事件里面获取文件列表,形成一个数组,然后使用数组渲染select,你用的是vue吗?

    1 打赏 评论

相关推荐 更多相似问题