{"id":308,"date":"2011-03-03T22:18:40","date_gmt":"2011-03-03T21:18:40","guid":{"rendered":"http:\/\/www.speich.net\/articles\/?p=308"},"modified":"2011-03-03T22:18:40","modified_gmt":"2011-03-03T21:18:40","slug":"dojo-demo-multiple-file-uploading-with-pauseresume","status":"publish","type":"post","link":"https:\/\/www.speich.net\/articles\/en\/2011\/03\/03\/dojo-demo-multiple-file-uploading-with-pauseresume\/","title":{"rendered":"Dojo Demo: Multiple file uploading with pause\/resume"},"content":{"rendered":"<p><strong>Update 09.2013:<\/strong> You can also use the file picker (file input) now.<\/p>\n<p>I implemented a <a title=\"dojo file uploader demo\" href=\"\/articles\/html5-uploader.php\">demo of a file uploader with dojo and PHP<\/a> that lets you upload multiple files at once with drag and drop. The upload of each file can be paused\/resumed thanks to the slice method of the new <a title=\"Blob Interface\" href=\"http:\/\/www.w3.org\/TR\/FileAPI\/#dfn-Blob\">Blob interface<\/a>.<\/p>\n<p>Download: The <a title=\"fileUploader demo\" href=\"https:\/\/github.com\/speich\/fileUploader\/\">php and js code is available for download <\/a>on github.com.<br \/>\nMore info: <a title=\"Hacks Mozilla: How to resume a paused or broken file upload\" href=\"http:\/\/hacks.mozilla.org\/2011\/04\/resumeupload\/\">How to resume a paused or broken file upload<\/a><!--more--><\/p>\n<h2>Features:<\/h2>\n<ul class=\"main\">\n<li>drag and drop your files directly from the desktop or use the file picker<\/li>\n<li>overall progress bar showing the total progress of all individual uploads<\/li>\n<li>pause\/resume your upload<\/li>\n<li>display different icons for each file&#8217;s mime type<\/li>\n<li>unique icons are created for images (jpg, gif, png) using canvas and the new <a title=\"W3C File API\" href=\"http:\/\/www.w3.org\/TR\/FileAPI\/\">File API<\/a><\/li>\n<li>abort your upload at any time or retry to upload after an error<\/li>\n<li>displays nice HTTP error messages for each upload<\/li>\n<li>status of bars (uploading, failed, waiting and done) are displayed in different colors<\/li>\n<\/ul>\n<h2>Requirements:<\/h2>\n<ul class=\"main\">\n<li>at least Firefox 3.6 or Chrome 7. pause\/resume is supported only by Firefox 4.<\/li>\n<\/ul>\n<figure style=\"width: 416px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"  \" title=\"Screenshot of uploader\" alt=\"\" src=\"\/articles\/images\/screenshot-uploader.png\" width=\"416\" height=\"497\" \/><figcaption class=\"wp-caption-text\">Screenshot showing the progress bars&#8217; different states of uploading files.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Update 09.2013: You can also use the file picker (file input) now. I implemented a demo of a file uploader with dojo and PHP that lets you upload multiple files at once with drag and drop. The upload of each file can be paused\/resumed thanks to the slice method of the new Blob interface. Download: &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.speich.net\/articles\/en\/2011\/03\/03\/dojo-demo-multiple-file-uploading-with-pauseresume\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Dojo Demo: Multiple file uploading with pause\/resume&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[13,26,33,73],"class_list":["post-308","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-blob","tag-dojo","tag-filereader","tag-php","entry"],"_links":{"self":[{"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/posts\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":1,"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/posts\/308\/revisions"}],"predecessor-version":[{"id":1765,"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/posts\/308\/revisions\/1765"}],"wp:attachment":[{"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/media?parent=308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/categories?post=308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.speich.net\/articles\/wp-json\/wp\/v2\/tags?post=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}