Validating image data in vue js using vform api

Question

I am struggling to validate my data that has images using vue js and vform. My problem is, I am getting an error app.js:2137 Uncaught (in promise) TypeError: objectToFormData is not a function. How to rectify this: In Vue

      saveImageData(){
              var self=this;
              const config = {
                    headers: { 'content-type': 'multipart/form-data' }
                }
                document.getElementById('upload-file').value=[];
                let formData = new FormData();
                formData.append('title', this.form.title);
                formData.append('price', this.form.price);
                for(let i=0;i<this.form.images.length;i++){
                 formData.append('images[]', this.form.images[i]);
                }
            this.form.submit('post', '/senddata', {
              // Transform form data to FormData
              transformRequest: [function (formData, headers) {
                return objectToFormData(formData)
              }],

In app.js

    window.Vue = require('vue');
    import { Form, HasError, AlertError } from 'vform'
    import {objectToFormData} from 'object-to-formdata'
    window.Form=Form;
    window.objectToFormData=objectToFormData;

@Adam I ran npm install then imported in app.js. In my backend am using Laravel controller — Hotdot Cyber
– Hotdot Cyber, Commented Feb 13, 2021 at 13:15

Hotdot Cyber · Accepted Answer · 2021-02-14 03:33:25Z

0

In case someone is having a similar problem i just replaced objecttoformdata with serialize in app js and vue template

import {serialize} from "object-to-formdata";
window.serialize=serialize;

answered Feb 14, 2021 at 3:33

Hotdot Cyber

3931 gold badge8 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Validating image data in vue js using vform api

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related