abarta / vue2-multi-uploader Goto Github PK

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:

1. Add files
2. Drop multiple files here.
3. 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

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.