DND file,uploader

Webix JS
#21

Hi,

If file is uploaded successfully where to give message for that?

#22

To remove the old file from Uploader collection, you can call itsremove method with the file id as a parameter.

To provide users with the upload message, you can catch the onFileUpload event of the Uploader control. (Please, note that in the snippet tool this event will not fire, as the script does not upload the file, so try it locally).

https://webix.com/snippet/4f64c142

#23

Thank you so much…

#24

Hi webix team,

If my file name is so long in that case I want the horizontal scroll.

https://webix.com/snippet/58fda971

#25

Hi webix team,

Is there any way to do so?

#26

Hi webix team,

Here is the snippet https://webix.com/snippet/3b802487
I want the uploader popup only on click to upload link and there are three rows(i.e. header and 2 list) this whole area should be droppable and at first it will like normal but when i will drag the file over the area I want the dotted border over there.
Also I want the progress bar not the list of uploaded files(like cross button and green color uploaded sign and all)I want only progress bar instead of that and my 2nd list is coming from server.

Thanks in advance.

#27

Hi webix team,

https://webix.com/snippet/867ccdbb
Ignore above snippet.

In this snippet I did some above functionalities.
Now I am having only one list and that list is of server data and currently uploaded data.But now I can not see server data. Also while I am uploading the file there is percentage size cross button and uploaded tick button among them I want only percentage button. And once uploading get finish I dont want that currently uploaded list because I will save that on server and take list from server and will show it there. And on drag n drop I want the dashed border to whole container

Thanks

#28

Hello,

You can check for the solution in the following snippet: https://webix.com/snippet/f11d0ab9

#29

Thanks helga.

I want the confirmation message on delete file(Do you want to delete this file. ).
Also When I am dragging file over the area I want the text(“Drop file here”)inside box.
Also when I am clicking file according to type(i.e. excel,png,audio,video) I want the viewer(png viewer,excel viewer, etc).

#30

You can add the webix.confirm message within the onBeforeDelete handler of the files collection.

You can add the needed text via the .addDropZone() method:

$$("filsRecords").addDropZone($$("filesList").$view, "Drop files here");

Please, check both concepts in the following snippet: https://webix.com/snippet/2603db21

We do not have viewers for each type of file. You may have a look at the Excel Viewer, PDF Viewer and a customized template for previewing images.

#31

Hi webix team,

https://webix.com/snippet/b434aef0

In this I want to show the files name from attachment.
Now its static I want it from server side. The formate is like
var attachment = {“External_References”:[“TImesheet10.ods”,“Standard_Excel.xlsx”,“Logos.zip”,“Meta_AVL_ATFX.xml”]};

Thanks,
Mira

#32

Please check https://webix.com/snippet/88d35b7e

In the sample uploader and list are separate entities, linked through events.

#33

Hi webix team,

In this snippet
https://snippet.webix.com/b434aef0

How to avoid file uploading with special character name(file name should not contain special characters)?

Thanks

#34

You can use onBeforeFileAdd event, where file name can be checked and files with wrong names are rejected

https://snippet.webix.com/kb9m2uz8

#35

@maksim

Thanks :slight_smile:

#36

Hi webix team,

In this snippet -
https://snippet.webix.com/rozjr08y

If I am clicking on uploaded file, according to file type(like xlsx,csv,png,jpg,pdf) I want to open the webix viewer popup.

Thanks,
Mira

#37

What do you mean by “webix viewer” ?

You can use onItemClick handler on the file list to open some new view or native window

https://snippet.webix.com/lwqwvto3

#38

@maksim

Thanks for reply.
Webix viewer means if I want webix pdf viewer then it should be like this -
https://snippet.webix.com/7a4f5381

similarly for png,xlsx,csv and all viewer.
I want the viewer in webix popup not in different tab or window.

Thanks

#39

Hi Webix Team,

https://snippet.webix.com/82t6rt00
In this snippet -
I want to add tag while parsing the object to list.
I have written the comment in the snippet.

thanks
#40

play with customerUploader template
https://snippet.webix.com/plovucx8