Breaking News: Grepper is joining You.com. Read the official announcement!

js html input type image base64 example

Shadow answered on March 10, 2022 Popularity 8/10 Helpfulness 5/10

answer js html input type image base64 example

js html input type image base64 example

Comment

 <input type="file" id="files" ref="files" v-on:change="handleFilesUpload($event)" class="form-control" accept="image/*" autofocus required/>


<script>
// import Swal from 'sweetalert2'
export default {
  middleware: 'isAdmin',
  data() {
    return {
      files: '',
      success: false,
      name: '',
      url: '',
      answers: {
        answer1: '',
        answer2: '',
        answer3: '',
        answer4: ''
      },
      money: '',
      rating: '',
      status: '',
      status_id: '',
      time: ''
    }
  },
  mounted() {
    this.getStatus()
  },
  methods: {
    async getStatus() {
      const data = await this.$axios.$get(`auth/getStatus`);
      this.status = data.data
      this.success = true
    },
    submitFiles(e) {
      e.preventDefault();
      let formData = new FormData();
      let file = this.files[0];
      formData.append('files', file);
      formData.append('name', this.name);
      formData.append('answers', JSON.stringify(this.answers));
      formData.append('money', this.money);
      formData.append('rating', this.rating);
      formData.append('time', this.time);
      formData.append('status_id', this.status_id);
      this.$axios.post('auth/imageQuestionCreate',
        formData,
        {
          headers: {
            'Content-Type': 'multipart/form-data'
          }
        }).then((res) => {
        this.$router.push(`/admin/question/view/${res.data.data.id}`)
      }).catch((error) => {
        console.log(error)
        console.log('FAILURE!!');
      })
    },
    handleFilesUpload(e) {
      this.files = this.$refs.files.files;
      const file = e.target.files[0];
      this.url = URL.createObjectURL(file);
    }
  }
}
</script>

Popularity 8/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: base64 html html-input image

Link to this answer
Share Copy Link

Contributed on Mar 10 2022

Shadow

0 Answers Avg Quality 2/10

js html input type image base64 example

Contents

More Related Answers

js html input type image base64 example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.