In this help topic you will learn how to use the jqxFileUpload control using a PHP page hosted on a XAMPP local server.
In this tutorial, we will be using XAMPP for Windows 5.5.27.
You can get it from here: https://www.apachefriends.org/download.html.
For more information on how to properly install and configure XAMPP please refer to XAMPP documentation and FAQ, links for which are available on the download page.
By default the location your web server is storing its files is /xampp/htdocs
Create a new PHP file in that folder and call it imageUpload.php Here is an example for the PHP file contents:
Create two folders in htdocs folder -
jqwidgets. Include in them all (or only the necessary) jQWidgets files
- the scripts (including
jqxcore.js and the specific widget files
jqxbuttons.js and jqxFileUpload.js) in
jqwidgets and the stylesheets
jqx.base.css and any themes and associated images) in
jqwidgets/styles. Remember to include a version of jQuery in
scripts folder, too.
Create a new HTML file in the htdocs folder as the php script, let's call it fileUploadDemo.htmlThe file should look like this:
Note: the uploadUrl parameter is pointing to the php file we've created earlier.
Open up your web browser and browse to http://localhost/fileUploadDemo.html (assuming you didn't configure another port and used the given filenames).