Apply Effects to Multiple Images
Apply Effects to Multiple Images
May 25, 2016 Watch on YouTube

With this movie we will show you how to upload multiple images and apply effects to them, using DMXzone Image Processor.

Step by Step

We will show you how to upload multiple images and add effects to them, using DMXzone Image Processor. We created a form, containing a multiple file upload field. We want to process all of the uploaded photos. We'd like to sharpen them and also convert them to grayscale. First, let's create a server action file. And add a name for it (1). Then, select globals (2). Link the page containing your form, select the form, in the dropdown and click the import button (3).

After you import your form, right click the server action steps. Select file management. And add file upload.

Select your upload path. Click the select button.

Now, right click the uploads step. As this is a multi upload form, we need to add a repeater, in order for next steps to be executed for all of the uploaded files. So, under core actions, add a repeat (1). And then, select an expression for the repeat (2). The upload step, should be selected as an expression (3). then, click the select button.

Right click steps, in the repeater. Select image processor. And add load image.

Select the dynamic data button, for the image path (1). And then, select the path binding, returned by the upload (2). Then, click the select button. Now, right click the image load step. Open the image processor menu. And select any of the effects. We will apply, the sharpen effect, to our images (3).

You can add as many effects, as you wish. You can add the same effect more than once, if you wish to increase the effect strenght. Right click the sharpen step. Let's add the grayscale effect. And now we can save our images. So right click the grayscale effect. And add save image (1). Select the path, where the images should be saved (2). We select the same folder, which we are using in the upload step (3).

check the overwrite option, if you want to overwrite the original files (1). And save your action file (2). Now, we need to create, an executor for it (3). Add a name for the executor (4).Select to run it on form submit. then select your server action your upload form and set the method to POST (5). Click the OK button, when you are done.

Now, let's preview the results. Browse to your images, select them and hit the upload button. Our images are being uploaded sharpened, grayscaled and then saved in the upload folder on our server. You can see them with the effects applied to them

Extensions Covered


DMXzone Image Processor
File Management – Enhance and manipulate your images with ease
DMXzone Server Connect
Databases – Next Generation Server Side Visual Programming without coding
HTML5 File Upload
File Management – Next generation file upload