{"id":2101,"date":"2014-01-08T14:16:46","date_gmt":"2014-01-08T11:16:46","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2101"},"modified":"2025-05-19T15:10:14","modified_gmt":"2025-05-19T12:10:14","slug":"dhtmlxvault-2-0-multiple-file-uploader-with-drag-and-drop","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxvault-2-0-multiple-file-uploader-with-drag-and-drop\/","title":{"rendered":"dhtmlxVault 2.0: Multiple File Uploader with Drag-and-Drop"},"content":{"rendered":"<p>We are happy to announce the release of dhtmlxVault 2.0, a <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxVault\/\">JavaScript file upload widget<\/a> that allows you to upload one or more files to a web server. Version 2.0 comes with drag-and-drop support, multiple file upload, new event system, and other great improvements.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2013\/12\/js-file-upload.jpg\" alt=\"dhtmlxVault 2.0 - JavaScript File Uploader\" title=\"dhtmlxVault 2.0 - JavaScript File Uploader\" width=\"579\" height=\"424\" class=\"aligncenter size-full wp-image-2119\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2013\/12\/js-file-upload.jpg 579w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2013\/12\/js-file-upload-300x219.jpg 300w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/p>\n<p><strong>HTML5 Features<\/strong><\/p>\n<p>The new version is based on HTML5 and supports multiple file selection and drag-and-drop, allowing end users to simply drag one or more files to the uploader box. Note that drag-and-drop works only in modern browsers that support HTML5. <\/p>\n<p>dhtmlxVault 2.0 works in 4 modes: HTML5, HTML4, Flash, and Silverlight. The correct mode is selected automatically depending on browser version, which makes dhtmlxVault compatible with all major web browsers. <\/p>\n<p><strong>New Skins and Integration with dhtmlxSuite<\/strong><\/p>\n<p>With this release, dhtmlxVault can be easily integrated with the <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxSuite\/\">dhtmlxSuite components<\/a> (e.g. dhtmlxWindows, dhtmlxLayout). We also made dhtmlxVault to look nice in 3 basic DHTMLX skins: skyblue, web, and terrace. There is also additional skin that you can use in Bootstrap-like interfaces.<\/p>\n<p><strong>Progress Bar or Estimated Time of Upload<\/strong><\/p>\n<p>Now you can choose how to show the progress of each file upload. dhtmlxVault 2.0 can display either percentage or estimated time remaining for upload to complete. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dhtmlx.com\/blog\/wp-content\/uploads\/2013\/12\/dhtmlxvault-20-web-skyblue.jpg\" alt=\"dhtmlxVault 2.0 - Progress Bar\" title=\"dhtmlxVault 2.0 - Progress Bar\" width=\"579\" height=\"318\" class=\"aligncenter size-full wp-image-2121\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2013\/12\/dhtmlxvault-20-web-skyblue.jpg 579w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2013\/12\/dhtmlxvault-20-web-skyblue-300x164.jpg 300w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/p>\n<p>Download the Standard Edition of <a href=\"https:\/\/dhtmlx.com\/x\/download\/regular\/dhtmlxVault.zip\">dhtmlxVault 2.0<\/a>. The PRO users will receive the download link by email. Note that drag-and-drop capabilities and progress bar are available in the PRO Edition only. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are happy to announce the release of dhtmlxVault 2.0, a JavaScript file upload widget that allows you to upload one or more files to a web server. Version &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3401,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,70,1,38],"tags":[33,16,4],"class_list":["post-2101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-releases","category-uncategorized","category-visible","tag-all-posts","tag-dhtmlxvault","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=2101"}],"version-history":[{"count":3,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2101\/revisions"}],"predecessor-version":[{"id":13945,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/2101\/revisions\/13945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3401"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=2101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=2101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=2101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}