inputでファイルを選んだ後に、該当がいるを修正してもう一度再認識させてから投稿したい場合がある。

しかしそのままだと同じファイル名なので違いがないとみなされ、再認識してくれない。

修正前のファイルをアップロード投資てしまうことになる

なので、再認識させよう。

<template>
    <div>
            <v-file-input v-model="file" id="fileInput" label="UTF-8以外の形式、登録済シリアル番号が含まれていた場合はCSVファイルそのものを受け付けません。"
                truncate-length="15" accept=".csv" @change="changeFile">
            </v-file-input>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                this.file:"",
            }
        },
        methods: {
                    changeFile() {//同じファイルを修正して選び直した場合も再認識
                        const input = document.getElementById('fileInput');
                        input.addEventListener('click', (e) => {
                            e.target.value = '';
                        })
                    },
        }
    }
</script>

<v-file-input>はvuetifyというフレームワークの書き方なので、<input type="file">とかに脳内変換してほしい。

参考にした記事

inputのfileで2回同じものを選択するとchangeが効かない

無制限に質問可能なプログラミングスクール!

万が一転職できない場合は、転職保障全額返金できるコースもあり!!

無制限のメンター質問対応

 

DMMウェブキャンプでプログラミングを学習しませんか?

独学より成長スピードをブーストさせましょう!

 

まずは無料相談から!

おすすめの記事