Features in Detail: HTML5 File Upload

October 19, 2015

Only two days until the official release

As promised last week, it's time to unveil the features, which our developers packed in the upcoming HTML5 File Upload. Among them you'll find the fantastic integration within DMXzone Server Connect that allows you to quickly add the upload functionality. It also comes with great client side preview of the uploaded images, the ability to store your file names, type and size directly in your database, and many more.

Stay tuned for the official release on Wednesday!

The Story

  • Great integration within DMXzone Server Connect - HTML5 File Upload has been integrated within DMXzone Server Connect and its functionality can be easily added from steps. Click the image for larger preview.

  • Store your file names, type and size dynamically - HTML5 File Upload is fully compatible with DMXzone Database Connector PHP/ASP, which allows you to store your file names, type and size directly in your database. Click the image for larger preview.
  • Extended Data Bindings - Extended data bindings are available so that you can easily access the properties of the uploaded files and have total freedom to use them any way you intent to. HTML5 File Upload allows you to set the properties of your form fields from HTML5 Data Bindings.

  • Multiple file upload - Choose one or multiple files to be uploaded at the same time.

  • Client side image preview - Before you submit the uploaded image you have a chance to see a live preview of it.

  • File info details - You can choose to display the file size, name or date of creation. It collects all the information of the files that you upload. The extension collects data such as filenames, file sizes and the size of images from the upload class so you can store these values in your database.

  • File naming template mask - The following masks are available to choose from: {name} filename without extension, {ext} file extension, {_n} generates a _1 number and counting until the file is unique and {guid} generates a unique GUID.

  • File conflict handling – Determine how a file should be handled if its name conflicts with the name of an existing file in the directory.
    • Overwrite existing files - If you enable this options, existing files with the same name will be overwritten.

    • Create path option - Using this option, the HTML5 File Upload will create an upload folder if it doesn't exist on your server.

    • Throw errors - Display an error message if there's a problem with the upload.

  • Integrated progress info - You can follow up your upload progress real time. You can even create your own fancy progress bar.

Related Blog Posts

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.