vue-upload | light weight and intuitive upload control | Frontend Framework library

I am trying to send a file input AND one more parameter to the controller in order to upload the files.

For image / file upload I use the "vue-upload-multiple-image" plugin.

I try to import this package into my nuxt project. All my coding experiments can be found here. I will refer to different branches.

There are several ways to do so:

1. Just import it right in the page like here (master branch)

This way worked well. You can go to the uploading page via a button on a home page.

Until you manually refresh the page

Then you will get this error SyntaxError Cannot use import statement outside a module

The same error happens when you try to build it.

1. Import it via plugins (like in plugin-use branch with or without vendor option in build)

I've got the same error.

1. Import it via plugins with some options (like in plugin-options branch)

Then the package loads only when you refresh the page and only in dev mode.

If you will go to that button on a home page (referenced before) - there will be an empty page.

1. Import it through modules (like in modules branch).

Then the nuxt cannot load at all, this error happens SyntaxError: Invalid or unexpected token

Could you comment on each method and why it doesn't work? How to import it correctly?

After reinstall of my Kubuntu 18 I tried to run my @vue/cli 4.0.5 / vuex 3 app and got error : error Missing list of packages to add to your project

In my vue/cli 4 / Bootstrap 4.3 app I use vue-upload-component component for files uploading and it works ok. I want to add cypress for testing file uploading and I added https://github.com/abramenal/cypress-file-upload/tree/v3.5.3 into my project, but failed with this testing. I have in vue file:

EDIT: Updated the text in general to keep it shorter and more concise.

I am trying to configure HTTPS when I run npm run dev so I can test MediaStream and alike locally (for which browsers require me to provide HTTPS).

I am trying to configure it through nuxt.config.js but without any success.

Here is my nuxt.config.js file:

I am trying to upload file to AWS S3 bucket using the vue-upload-component. I have a web api set up which returns a pre-signed url with the relevant details. I am having a hard time getting this set up to work. The documentation says that the url should be supplied as a props to the file upload component like so -

I am trying to get an array out of an axios call:

so that I can access the data for a component. I'm aware that i could use some thing like

In my Laravel 5/vuejs 2.6 I upload an image with the vue-upload-component and am sending a requested image blob I try to save it with the controller code like :

What I'm trying to do is to display and modify the images that the car has "in my case", so I used the vue-upload-multiple-image package to save the images and went well, but when I call back these images to the same package I got stuck. I convert the images that has been stored to base64 now what I want is the list of images go to specific function inside that package, so it will display the images when I try to update the car.

This is the function I want to call: