How do you keep the text file in line?



  • I'm trying to get a line from the text file, the console's getting out of the way, but I can't keep it.

    uploadString( e ) {
          var file = e.target.files[0];
          var reader = new FileReader();
          reader.onload = function() {
            console.log(reader.result);
            this.textToChange=reader.result
          };
    
      reader.readAsText(file);
    },
    



  • You've lost context. Look what turns this into a processor onload.

    example for test.txt

    const Hello = Vue.extend({
      template: `
        <div>
          <input type="file" @input="uploadString"/> 
          <div v-html="msg"></div>
        </div>
      `,
      data() {
        return {
          msg: 'Hello!'
        }
      },
      methods: {
        saveText (e) {
          console.log(e.currentTarget, e.target);
          this.msg = e.target.result
        },
        uploadString( e ) {
          var file = e.target.files[0];
          var reader = new FileReader();
          reader.onload = this.saveText;
          reader.readAsText(file);
        },
      }
    })
    

    new Vue({
    el: '#app',
    components: {
    Hello
    }
    })

    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

    <div id="app">
    <hello></hello>
    </div>



Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2