File Management — Original guides

Wappler documentation

File Management — Original guides

Illustrated file management guides, with the original steps and examples preserved.

Open in Wappler

Choose a guide. Version notes identify original instructions that use an earlier interface or framework.

Guides

Adding Progress Bar to Upload FormYou already know HOW TO CREATE AN UPLOAD FORM and upload files to your server. Sometimes, for large files it is useful to have some kind of indication, that the file is uploading. The progress bar comView guide→Custom File Downloader with Controls and Progress BarYou can add your own downloaders with custom controls and progress bars on your pages, using the App Connect Download Component. We created a simple page layout, containing a regular button. We will uView guide→File Downloads with Server ConnectYou can create a file download action in Server Connect, which allows you to download files from your server. You can use static or dynamic file names for the download action, so it can easily be usedView guide→Inserting Multiple File Names in a DatabaseYou already know HOW TO UPLOAD MULTIPLE FILES TO YOUR SERVER so now we are going to show you how to insert their names or URLs to a database. Open the Server Connect panel: Select your server action, View guide→Listing Files From a Folder on Your ServerYou can use a list of files as a data source on your page, so you can create dynamic lists and tables as well as dynamic slideshows and galleries without complicated database connections. First, open View guide→Resize Image and Create a Thumbnail on UploadYou already know how to Upload an image to your server . Now we are going to extend the upload action with an image resize and crop functionality. First let’s add a validation to our file field, so itView guide→Show Image Preview Before UploadWhen uploading images you can display a small preview thumbnail of the selected image. You can use this in two cases: 1. For single image upload You already know how to UPLOAD SINGLE IMAGE TO YOUR SERView guide→Uploading Multiple Files To Your ServerYou can upload multiple files to your server using the server side file upload tools available in Wappler. Let’s start with the upload form. We created a simple Bootstrap 4 Layout and it contains a coView guide→Using the Dropzone ComponentIntro The Dropzone component allows you to add file drag and drop functionality to your forms. It also includes customizable thumbnail previews. In this tutorial we will show you how to create a multiView guide→