error error: invalid input syntax for integer: "[object Object]" about strapi

[Dishock]

This is not a Strapi issue, nor plugin issue.

1. When creating Products collection in Strapi, make sure to name it products, not product. Otherwise you'll face inconsistences.

2. Provide user permission to create products in Strapi settings. Also provide them permission to upload.

3. Your input field should look as:
   <input type="file" id="thumbnail" name="files" @change="onFileChange" accept="image/*">

4. Your onFileChange should look like this

        onFileChange(e) {
            var files = e.target.files || e.dataTransfer.files;
            if (!files.length)
                return;
            this.thumbnail = files;
        },

4. Create this function, right after the onFilesChange.

        addFiles(collection, id, column, files) {
            var data = new FormData();
            data.append('ref', collection);
            data.append('refId', id);
            data.append('field', column);
            for(var i=0; i<files.length; i++) {
                data.append('files', files[i]);
            }
            return this.$strapi.create('upload', data);
        },

5. Then I would design your createNew function as such:

        const response = await this.$strapi.create('listings', {
                title: this.title, 
                description: this.description
            })
            .then(res => {
                const response = this.addFiles('listings', res.id, 'thumbnail', this.thumbnail)
                .then(res => {
                    console.log(res)
                })
                .catch(err => {
                    console.log(err)
                })
            .catch(err => {
                    console.log(err);
            });
        }

And you should be done. Works with both multiple files and single files.

If you still have problems, I suggest using Insomnia to play with API endpoints. Have a nice life!

[Dishock]

Thank you, me! :)