Adding Progress Bar to Upload Form
You 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 co…
Inserting Multiple File Names in a Database
You 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 acti…
Uploading Single File To Your Server
You can upload 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 column, so…
File Downloads with Server Connect
You 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 use…
Custom File Downloader with Controls and Progress Bar
You 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 wil…
Using the Dropzone Component
Dropzone provides you with drag and drop file uploads with image previews. Adding Dropzone on your page We created a basic Bootstrap 4 Layout with a column, where we want to add the Dropzone compone…
Resize Image and Create a Thumbnail on Upload
You 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 it…
Show Image Preview Before Upload
When 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 SE…
Inserting Uploaded File Names in a Database
Storing the uploaded file name in your database is an easy task in Server Connect. You already know HOW TO UPLOAD A FILE so this will be just an addition to it, showing how to store the uploaded file…
Using the File Copy Server Action
We start with a very simple data table containing an primary key (imageid) and and image name (imagename) Each image is stored in a folder called “images1” We wish to move these images into a new …
Converting File Input to Dropzone
You can convert any file field (single AND multi) in a Bootstrap 4 Form to a Dropzone. Open the page containing your Bootsrap 4 Form with a File Field: Select the file input, then click the Make D…
Listing Files From a Folder on Your Server
You 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…
Uploading Multiple Files To Your Server
You 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 c…