{"id":1172,"date":"2021-01-19T22:16:11","date_gmt":"2021-01-19T16:46:11","guid":{"rendered":"https:\/\/myfreeonlinetools.com\/blog\/?p=1172"},"modified":"2022-04-25T16:34:39","modified_gmt":"2022-04-25T11:04:39","slug":"upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder","status":"publish","type":"post","link":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/","title":{"rendered":"Upload multiple files with Ajax and Move to upload by PHP with create different folder"},"content":{"rendered":"<p>Below the code, explain that upload multiples files by jQuery Ajax and move files using Form Data to created different folders by PHP\u00a0 move_uploaded_file function. Created multiple folders by time function and create random numbers for the rand function.<\/p>\n<h3>HTML code for creating form input file and button to upload files.<\/h3>\n<p>HTML Code :<\/p>\n<pre>&lt;div id=\"uploadMultipleFile\"&gt;\r\n&lt;div&gt;&lt;input type=\"file\" multiple id=\"uploadMultiple\" name=\"uploadMultiple\"\/&gt;&lt;\/div&gt;\r\n&lt;div&gt;&lt;button id=\"uploadMultipleFiles\"&gt;Upload Files&lt;\/button&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>Ajax and jQuery Code:<\/p>\n<h3>Ajax code with use form data to store files and send files to PHP file<\/h3>\n<pre>jQuery(document).ready(function(){\r\njQuery('#uploadMultipleFiles').click(function(){\r\n\r\nvar form = new FormData(); \r\n\r\nfor(var i = 0; i &lt; jQuery('#uploadMultiple').get(0).files.length ; i++ ){\r\nform.append('files[]', jQuery('#uploadMultiple').get(0).files[i]);\r\n}\r\nconsole.log(form);\r\n\r\n$.ajax({\r\nurl: 'upload.php', \r\ncache: false,\r\ncontentType: false,\r\nprocessData: false,\r\ndata: form,\r\ntype: 'post',\r\nsuccess: function (response) {\r\nconsole.log(response);\r\n}\r\n});\r\n\r\n});\r\n\r\n});<\/pre>\n<p>PHP Code<\/p>\n<pre>&lt;?php\r\n\r\nif(isset($_FILES['files'])){\r\n$no_files = count($_FILES[\"files\"]['name']);\r\n\/\/echo $no_files; \r\n$t = date(\"dmygis\"); \r\n$rand = rand(1, 20);\r\necho 'upload\/'.$t.$rand;\r\n\r\n$folderName = 'upload\/'.$t.$rand; \r\nmkdir($folderName);\r\n\r\nfor ($i = 0; $i &lt; $no_files; $i++) {\r\nif ($_FILES[\"files\"][\"error\"][$i] &gt; 0) {\r\necho \"Error: \" . $_FILES[\"files\"][\"error\"][$i] . \"&lt;br&gt;\";\r\n} else {\r\nmove_uploaded_file($_FILES[\"files\"][\"tmp_name\"][$i], $folderName.'\/'.$_FILES[\"files\"][\"name\"][$i]);\r\n}\r\n\r\n}\r\n}\r\n\r\n?&gt;<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below the code, explain that upload multiples files by jQuery Ajax and move files using Form Data to created different folders by PHP\u00a0 move_uploaded_file function. Created multiple folders by time [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[30,28],"tags":[],"class_list":["post-1172","post","type-post","status-publish","format-standard","hentry","category-ajax","category-jquery-code"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Upload multiple files with Ajax and Move to upload by PHP with create different folder - MyFreeOnlineTools<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Upload multiple files with Ajax and Move to upload by PHP with create different folder - MyFreeOnlineTools\" \/>\n<meta property=\"og:description\" content=\"Below the code, explain that upload multiples files by jQuery Ajax and move files using Form Data to created different folders by PHP\u00a0 move_uploaded_file function. Created multiple folders by time [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/\" \/>\n<meta property=\"og:site_name\" content=\"MyFreeOnlineTools\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-19T16:46:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-25T11:04:39+00:00\" \/>\n<meta name=\"author\" content=\"myfreeonlinetools\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"myfreeonlinetools\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/\"},\"author\":{\"name\":\"myfreeonlinetools\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\"},\"headline\":\"Upload multiple files with Ajax and Move to upload by PHP with create different folder\",\"datePublished\":\"2021-01-19T16:46:11+00:00\",\"dateModified\":\"2022-04-25T11:04:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/\"},\"wordCount\":92,\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"articleSection\":[\"AJAX\",\"jQuery Code\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/\",\"name\":\"Upload multiple files with Ajax and Move to upload by PHP with create different folder - MyFreeOnlineTools\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\"},\"datePublished\":\"2021-01-19T16:46:11+00:00\",\"dateModified\":\"2022-04-25T11:04:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/myfreeonlinetools.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Upload multiple files with Ajax and Move to upload by PHP with create different folder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"name\":\"MyFreeOnlineTools\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\",\"name\":\"MyFreeOnlineTools\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"width\":387,\"height\":79,\"caption\":\"MyFreeOnlineTools\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\",\"name\":\"myfreeonlinetools\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"caption\":\"myfreeonlinetools\"},\"description\":\"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.\",\"sameAs\":[\"https:\/\/myfreeonlinetools.com\/\",\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\",\"https:\/\/www.youtube.com\/learnschoolonline\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Upload multiple files with Ajax and Move to upload by PHP with create different folder - MyFreeOnlineTools","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/","og_locale":"en_US","og_type":"article","og_title":"Upload multiple files with Ajax and Move to upload by PHP with create different folder - MyFreeOnlineTools","og_description":"Below the code, explain that upload multiples files by jQuery Ajax and move files using Form Data to created different folders by PHP\u00a0 move_uploaded_file function. Created multiple folders by time [&hellip;]","og_url":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/","og_site_name":"MyFreeOnlineTools","article_author":"https:\/\/www.facebook.com\/LearnSchoolOnline\/","article_published_time":"2021-01-19T16:46:11+00:00","article_modified_time":"2022-04-25T11:04:39+00:00","author":"myfreeonlinetools","twitter_card":"summary_large_image","twitter_misc":{"Written by":"myfreeonlinetools","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/#article","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/"},"author":{"name":"myfreeonlinetools","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c"},"headline":"Upload multiple files with Ajax and Move to upload by PHP with create different folder","datePublished":"2021-01-19T16:46:11+00:00","dateModified":"2022-04-25T11:04:39+00:00","mainEntityOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/"},"wordCount":92,"publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"articleSection":["AJAX","jQuery Code"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/","url":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/","name":"Upload multiple files with Ajax and Move to upload by PHP with create different folder - MyFreeOnlineTools","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#website"},"datePublished":"2021-01-19T16:46:11+00:00","dateModified":"2022-04-25T11:04:39+00:00","breadcrumb":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/myfreeonlinetools.com\/blog\/upload-multiple-files-with-ajax-and-move-to-upload-by-php-with-create-different-folder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myfreeonlinetools.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Upload multiple files with Ajax and Move to upload by PHP with create different folder"}]},{"@type":"WebSite","@id":"https:\/\/myfreeonlinetools.com\/blog\/#website","url":"https:\/\/myfreeonlinetools.com\/blog\/","name":"MyFreeOnlineTools","description":"","publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization","name":"MyFreeOnlineTools","url":"https:\/\/myfreeonlinetools.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","contentUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","width":387,"height":79,"caption":"MyFreeOnlineTools"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c","name":"myfreeonlinetools","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","caption":"myfreeonlinetools"},"description":"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.","sameAs":["https:\/\/myfreeonlinetools.com\/","https:\/\/www.facebook.com\/LearnSchoolOnline\/","https:\/\/www.youtube.com\/learnschoolonline"]}]}},"_links":{"self":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/comments?post=1172"}],"version-history":[{"count":0,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1172\/revisions"}],"wp:attachment":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media?parent=1172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/categories?post=1172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/tags?post=1172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}