saivarunk / vue-simple-upload Goto Github PK

Hello.

Some question here... so how to get file name after upload?
I want it to save in my DB (using Django as backend for my API).

Thanks!

When installing in a Vue 2.2.2 project, I get the following error when trying to use the plugin:

Module build failed: Error: Couldn't find preset "es2015" relative to directory \\node_modules\\vue-simple-upload"
    at \node_modules\babel-core\lib\transformation\file\options\option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (\node_modules\babel-core\lib\transformation\file\options\option-manager.js:275:20)
    at OptionManager.mergePresets (\node_modules\babel-core\lib\transformation\file\options\option-manager.js:264:10)
    at OptionManager.mergeOptions (\node_modules\babel-core\lib\transformation\file\options\option-manager.js:249:14)
    at OptionManager.init (\node_modules\babel-core\lib\transformation\file\options\option-manager.js:368:12)
    at File.initOptions (\node_modules\babel-core\lib\transformation\file\index.js:216:65)
    at new File (\node_modules\babel-core\lib\transformation\file\index.js:139:24)
    at Pipeline.transform (\node_modules\babel-core\lib\transformation\pipeline.js:46:16)
    at transpile (\node_modules\babel-loader\lib\index.js:46:20)
    at Object.module.exports (\node_modules\babel-loader\lib\index.js:155:20)
 @ ./~/vue-simple-upload/dist/FileUpload.vue 3:2-94
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/pages/BnpBlacklist.vue
 @ ./src/components/pages/BnpBlacklist.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js```

Module build failed: ReferenceError: Unknown plugin "transform-runtime" specified in "/node_modules/vue-simple-upload/.babelrc"

Does this need to be installed?

Thank you for building a component like this. I installed everything just fine but when i set a target path and try to upload a file...it gives me this message:

"http://localhost:8080/manage/uploads 404 (Not Found)".

That directory exists.

Thanks!

Hey, first off, thanks for building something hugely useful!..
Secondly, I'm having a rough-time using it.

FileUpload.vue line: 6 Uncaught SyntaxError: Unexpected token export

package.json below... any ideas?

"dependencies": {
"axios": "^0.15.3",
"babel-polyfill": "^6.23.0",
"bootstrap-vue": "^0.5.1",
"chart.js": "^2.5.0",
"marker-clusterer-plus": "^2.1.4",
"sinon": "^2.1.0",
"update": "^0.7.4",
"vue": "^2.2.1",
"vue-axios": "^1.2.2",
"vue-chartjs": "^2.3.8",
"vue-material": "^0.6.3",
"vue-router": "^2.1.1",
"vue-simple-upload": "^0.1.6",
"vue-tables-2": "^0.3.0",
"vue2-google-maps": "^0.6.0",
"vuestrap-base-components": "^0.8.10",
"vuikit": "^0.6.2"
},

<FileUpload 
    target="http://localhost:8000/api/upload"
    action="POST"
    v-on:progress="progress" 
    v-on:start="startUpload" 
    v-on:finish="finishUpload" />

How does Ajax take parameters when I upload a file? The README is not present！

This package is missing vital element.
There should be server response with v-on:finish event.

For reference here's something like that on a similar package Vue-Clip onComplete event

I'll try to fiddle with it & send a PR if i can.

How can i upload multiple file ?

1.) first of all, I'm NPM install vue-simple-upload in my project
2.) introduce import FileUpload from'vue-simple-upload/dist/FileUpload'on a new Vue page, components: {FileUpload}
3.) after that, use in my template
4.) page console error, said Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

I need to add csrf-token. How to do it?

Heya all !

First, thanx for the component ... But was wondering how can i have a dynamic 'target' prop ? To have different target/folder ... Or how to pass more varibles to the xhr request ?

Thanx for your ideas