abarta / vue2-multi-uploader Goto Github PK
View Code? Open in Web Editor NEWDrag and drop multiple file uploader with Vue.js v2 and Axios
Drag and drop multiple file uploader with Vue.js v2 and Axios
The uploader works nicely, but i haven't found any reference to
the upload state, bytes loaded / total bytes, can this be added easily?
Thanks
Hi, I'm trying to add the library to a component I have in my project. But I have not been able to make it work out these mistakes, I am new to Vue.js.
Here I put the code as I have in my project
I am working on laravel 5.4 and the whole view with components of vue
in bootstrap.js
Vue.use(require('vue2-multi-uploader'));
in CreateCheck.vue
<multiple-file-uploader
postURL="http://softadventist.dev/tesoreria/save-check"
:minItems="1" :maxItems="10"></multiple-file-uploader >
import MultipleFileUploader from 'vue2-multi-uploader' export default { props: ['title','url','banks'], components: {vSelect, MultipleFileUploader},
El problema que tengo es que espero en el conntrollador items y me sale en blanco lo recibo como file o como string he igual no me llega el archivo.
The problem I have is that I wait in the conntrollator items and it goes blank I receive it as a file or as a string. I do not get the file.
Hi!
I really like your component, however I found a little problem. If I want to write out that upload was successfull or not, I can not write just text. I got this [object Object].Upload Success!
beacuse in your code you append the respond & error with the text.
My suggestion that it should be separated.
Greg
Hello Abarta
I really like your plugin and would like to contribute.
Here is what I would like to work on:
Ability to change the texts in the layout
Right now, we have 3 texts which are hard-coded:
Add files
Drop multiple files here.
Space for your instructions
I would like to add them as props, which can be configurable, if needed. The defaults would remain the same.
If this sounds like a good idea, I would do the same for the div with class="uploadBoxMain"
Let me know what you think
Could you add support for retries if there was an error when uploading the images based on a number of retries you can mention as props?
Hello, i really like your plugin, but i would like to implement something similar with one additional feature, after we add files first, to have ability to remove one by one and to add files later, after first addition.
Do you have a plan to add those features?
I would be glad to help!
Hello Abarta
I really like your plugin and would like to contribute.
Here is what I would like to work on:
Ability to change the texts in the layout
Right now, we have 3 texts which are hard-coded:
I would like to add them as props, which can be configurable, if needed. The defaults would remain the same.
If this sounds like a good idea, I would do the same for the div with class="uploadBoxMain"
Let me know what you think
Hi
Currently the input type gives the name "items[]" to the field name,
is it possible to change?
<input type="file" id="items" name="items[]" required="required" multiple="multiple">
Can you provide support for both Http POST
and Http PUT
requests based on the props defined? Could be something like
<multiple-file-uploader
action="http://.."
method="POST"
onSuccess=""
onError=""></multiple-file-uploader>
Additionally, it would be great to have postData
to add any additional metadata to the request.
Sorry I could not see this topic again.
Look in the controller of the post path where the file should be received so I have it.
public function postUpload()
{
echo json_encode(Input::all());
die;
}
This is what i get:
{items: [{}]}
items:[{}]
0:{}
If I put it like that:
public function postUpload()
{
echo json_encode(Input::file('items'));
die;
}
I get this:
[{}]
0:{}
If I put it like that:
public function postUpload(Request $request)
{
echo json_encode($request->allFiles());
die;
}
I get this:
{items: [{}, {}, {}]}
items:[{}, {}, {}]
0:{}
1:{}
2:{}
Sorry, I only speak spanish and I'm using google translate
Not really an issue, just gonna leave this here.
Did some small changes that I required, if this seems interesting to you I can do a PR.
SergioReis97@29ec535
Cheers
You should add type="button" attribute to the button with {{ removeFilesMessage }} prop.
Please if you can provide support for browser script installation. Some of us cannot run NPM installation due to our environment and nature of our project. Thanks.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.