前提・実現したいこと
似たようなご質問ですいません。現在vue-routerで遷移したvueファイル内で
inputタグからファイルをアップロードし、console.logにて表示できるようにしたいです。
発生している問題・エラーメッセージ
console.log(json)で中身を確認できません。
Uncaught ReferenceError: Json is not defined at FileReader.reader.onload
該当のソースコード
vue
1<template> 2 <v-layout justify-center align-center column > 3 <input type="file" @change="onFileChange"> 4 </v-layout> 5</template> 6 7<script> 8export default { 9 methods: { 10 onFileChange:function(e){ 11 var file = e.target.files[0] 12 console.log(file); 13 if(file){ 14 var reader = new FileReader() 15 reader.onload = function(e){ 16 json = Json.parse(e.target.result); 17 console.log(json) 18 } 19 reader.readAsText(file) 20 } 21 } 22 } 23} 24</script> 25<style> 26</style>
使用したjson
json
1[ 2 {"title":"A","body":"a"}, 3 {"title":"B","body":"b"}, 4 {"title":"C","body":"c"} 5] 6
試したこと
console.logでファイル自体は取得できているようです
addEventListener・・・がそのソース内では存在しないので、違うところのソースで発生してませんか?
すいません。
色々試していて、違うエラーコードを貼ってしまいました。
修正致します。
回答2件
あなたの回答
tips
プレビュー