Pure PHP Upload 3 Manual

Advanced: Using Pure PHP Upload 3 with Insert Record

In this tutorial we will show you how to upload images and save their names, width and height into a database.

*You can also check out the video.

How to do it

1. We've already created a simple form with three fields in it.

2. Click the Insert button (1) and select the Pure PHP Upload 3 icon (2) in order the window to appear.

3. We want to store just the filename (1) in our database, in a different folder than the current one (2).

4. For our tutorial we limit the uploaded file type only to images.

5. We choose the HTML5 progress bar from the Progress tab.

6. Now we are going to add two hidden fields that will be used to store the images width and height. From the Insert menu (1), select the Forms menu item (2).

7. Select the hidden field (1) and click on it (2) once it's added. We give this hidden field a proper name: width (3).

8. Next, click the Add dynamic item button (1), select Upload file (2) and choose the Width binding (3). When you're done, click OK.

9. We do the same with the height hidden field.

10. Now, we're going to apply the Insert record behavior. From the Insert menu (1), choose the Data menu item (2) and select Insert Record (3).

11. In the Insert record window, we set the right database columns for our text fields (1) and store the Image name into a database column named Image (2).

12. In the next step we are going to store the width hidden field (1) value into the ImageWidth database column (2).

13. We do the same for the height hidden field.

14. Now you can save your work and preview the result in the browser.

15. That's how you can upload images and save their names, width and height into a database.