{"id":1253,"date":"2016-02-14T18:44:25","date_gmt":"2016-02-14T18:44:25","guid":{"rendered":"https:\/\/www.codexworld.com\/?p=1253"},"modified":"2016-04-22T17:12:05","modified_gmt":"2016-04-22T17:12:05","slug":"upload-file-using-javascript-php","status":"publish","type":"post","link":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/","title":{"rendered":"Upload file using JavaScript and PHP"},"content":{"rendered":"

We’ve already published multiple ways for file upload. Today we’ll try to upload a file with an interesting way. This tutorial will show you how to upload file using JavaScript and PHP<\/b>. You don’t need to use jQuery or Ajax for upload file without page refresh. Using iframe, JavaScript and PHP, you can easily upload file to the server.<\/p>\n

Before starting to take a look at the folders and files structure.<\/p>\n

\"upload-file-javascript-php-folders-files-structure-by-codexworld\"<\/div>\n

As per the above files structure, CSS and image file is stored in the assets\/<\/code> directory. <\/p>\n

index.html<\/code> File<\/h2>\n

The index.html<\/code> file contains HTML and JavaScript code.
\nJavaScript:<\/b>
\nWe’ve created two methods startUpload()<\/code>, and stopUpload()<\/code>.
\nstartUpload()<\/code> – This method shows the loader image and hide the upload form when the upload is starting.
\nstopUpload()<\/code> – This method accepts two parameters, success<\/code>, and uploadedFile<\/code>. If success is 1, the preview would be generated of the uploaded file. Otherwise, error message would be shown.<\/p>\n

<script<\/span> type<\/span>=\"text\/javascript\"<\/span>>\r\nfunction<\/span> startUpload<\/span>(){\r\n    document<\/span>.getElementById<\/span>('uploadProcess'<\/span>).style<\/span>.visibility<\/span> =<\/span> 'visible'<\/span>;\r\n    document<\/span>.getElementById<\/span>('uploadForm'<\/span>).style<\/span>.visibility<\/span> =<\/span> 'hidden'<\/span>;\r\n    return<\/span> true<\/span>;\r\n}\r\n\r\nfunction<\/span> stopUpload<\/span>(success,uploadedFile){\r\n    var<\/span> result =<\/span> ''<\/span>;\r\n    if<\/span> (success ==<\/span> 1<\/span>){\r\n        result =<\/span> '<span class=\"sucess-msg\">The file was uploaded successfully!<\\\/<\/span>span><br\/><br\/>'<\/span>;\r\n        \/\/Uploaded file preview<\/span>\r\n        var<\/span> embed =<\/span> document<\/span>.getElementById<\/span>(\"UploadedFile\"<\/span>);\r\n        var<\/span> clone =<\/span> embed.cloneNode<\/span>(true<\/span>);\r\n        clone.setAttribute<\/span>('src'<\/span>,uploadedFile);\r\n        embed.parentNode<\/span>.replaceChild<\/span>(clone,embed);\r\n    }else<\/span> {\r\n       result =<\/span> '<span class=\"error-msg\">There was an error during file upload!<\\\/<\/span>span><br\/><br\/>'<\/span>;\r\n    }\r\n    document<\/span>.getElementById<\/span>('uploadProcess'<\/span>).style<\/span>.visibility<\/span> =<\/span> 'hidden'<\/span>;\r\n    document<\/span>.getElementById<\/span>('uploadForm'<\/span>).innerHTML =<\/span> result +<\/span> '<label>File: <input name=\"myfile\" type=\"file\" size=\"30\" \/><\\\/<\/span>label><label><input type=\"submit\" name=\"submitBtn\" class=\"sbtn\" value=\"Upload\" \/><\\\/<\/span>label>'<\/span>;\r\n    document<\/span>.getElementById<\/span>('uploadForm'<\/span>).style<\/span>.visibility<\/span> =<\/span> 'visible'<\/span>;      \r\n    return<\/span> true<\/span>;   \r\n}\r\n<\/script<\/span>>\r\n<\/pre>\n
HTML:<\/b>
\nWe’ve used HTML <form<\/span>> target attribute to display the response into the iframe. The upload form will submit to the upload.php<\/code> file and the response will display into an iframe with id=\"uploadTarget\"<\/code>.<\/p>\n
<form<\/span> action<\/span>=\"upload.php\"<\/span> method<\/span>=\"post\"<\/span> enctype<\/span>=\"multipart\/form-data\"<\/span> target<\/span>=\"uploadTarget\"<\/span> onsubmit<\/span>=\"startUpload();\"<\/span> >\r\n    <p<\/span> id<\/span>=<\/span>\"uploadProcess\"<\/span>>Uploading...<br<\/span>\/><img<\/span> src<\/span>=\"assets\/loader.gif\"<\/span> \/><br<\/span>\/><\/p<\/span>>\r\n    <p<\/span> id<\/span>=<\/span>\"uploadForm\"<\/span> align<\/span>=\"center\"<\/span>><br<\/span>\/>\r\n        <label<\/span>>\r\n            File: <input<\/span> name<\/span>=\"myfile\"<\/span> type<\/span>=\"file\"<\/span> size<\/span>=\"30\"<\/span> \/>\r\n        <\/label<\/span>>\r\n        <label<\/span>>\r\n            <input<\/span> type<\/span>=\"submit\"<\/span> name<\/span>=\"submitBtn\"<\/span> class<\/span>=\"sbtn\"<\/span> value<\/span>=\"Upload\"<\/span> \/>\r\n        <\/label<\/span>>\r\n    <\/p<\/span>>\r\n    <iframe<\/span> id<\/span>=<\/span>\"uploadTarget\"<\/span> name<\/span>=\"uploadTarget\"<\/span> src<\/span>=\"#\"<\/span> style<\/span>=\"width:0;height:0;border:0px solid #fff;\"<\/span>><\/iframe<\/span>>\r\n<\/form<\/span>>\r\n<!-- Uploaded file preview --><\/span>\r\n<div<\/span>>\r\n    <embed<\/span> id<\/span>=<\/span>\"UploadedFile\"<\/span> src<\/span>=\"\"<\/span> width<\/span>=\"390px\"<\/span> height<\/span>=\"160px\"<\/span>>\r\n<\/div<\/span>>\r\n<\/pre>\n
upload.php<\/code> File<\/h2>\n
In the upload.php<\/code> file, the file is uploaded using PHP and JavaScript stopUpload()<\/code> method is called. File upload status and uploaded file name is passed into the stopUpload()<\/code> method.<\/p>\n
<?php
    $success <\/span>= <\/span>0<\/span>;
    <\/span>$uploadedFile <\/span>= <\/span>''<\/span>;
    
    <\/span>\/\/File upload path
    <\/span>$uploadPath <\/span>= <\/span>'uploads\/'<\/span>;
    <\/span>$targetPath <\/span>= <\/span>$uploadPath <\/span>. <\/span>basename<\/span>( <\/span>$_FILES<\/span>[<\/span>'myfile'<\/span>][<\/span>'name'<\/span>]);

    if(@<\/span>move_uploaded_file<\/span>(<\/span>$_FILES<\/span>[<\/span>'myfile'<\/span>][<\/span>'tmp_name'<\/span>], <\/span>$targetPath<\/span>)){
        <\/span>$success <\/span>= <\/span>1<\/span>;
        <\/span>$uploadedFile <\/span>= <\/span>$targetPath<\/span>;
    }
    
    <\/span>sleep<\/span>(<\/span>1<\/span>);
<\/span>?>
<\/span><script<\/span> type<\/span>=\"text\/javascript\"<\/span>>window<\/span>.top<\/span>.window<\/span>.stopUpload(<?php <\/span>echo <\/span>$success<\/span>; <\/span>?><\/span>,'<\/span><?php <\/span>echo <\/span>$uploadedFile<\/span>; <\/span>?><\/span>'<\/span>);<\/script<\/span>><\/pre>\n
style.css<\/code> File<\/h2>\n
Some CSS code has been used for styling the HTML content and placed all code together in the style.css<\/code> file. You can find this file in the source code package<\/a>.<\/p>\n
Conclusion<\/h2>\n
This file upload process will help when you want to upload file without page refresh and without using the jQuery. Otherwise, you can upload multiple files using jQuery, Ajax, and PHP<\/a> or Drag and drop file upload using DropzoneJS and PHP<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
We’ve already published multiple ways for file upload. Today we’ll try to upload a file with an interesting way. This tutorial will show you how to upload file using JavaScript and PHP. You don’t need <\/p>\n","protected":false},"author":1,"featured_media":1258,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[10],"tags":[56,66,14],"class_list":["post-1253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-file-upload","tag-javascript","tag-php","cat-10-id","has_thumb"],"yoast_head":"\nUpload file using JavaScript and PHP - CodexWorld<\/title>\n<meta name=\"description\" content=\"Upload file without page refresh using JavaScript and PHP \u2013 Learn how to upload file using JavaScript and PHP.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Upload file using JavaScript and PHP - CodexWorld\" \/>\n<meta property=\"og:description\" content=\"Upload file without page refresh using JavaScript and PHP \u2013 Learn how to upload file using JavaScript and PHP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/\" \/>\n<meta property=\"og:site_name\" content=\"CodexWorld\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codexworld\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/codexworld\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-14T18:44:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-22T17:12:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/02\/upload-file-using-javascript-php-by-codexworld.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"CodexWorld\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codexworldblog\" \/>\n<meta name=\"twitter:site\" content=\"@codexworldweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CodexWorld\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/\"},\"author\":{\"name\":\"CodexWorld\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/person\\\/9da51d8fa3cdefeb5ec9c69136d4baf0\"},\"headline\":\"Upload file using JavaScript and PHP\",\"datePublished\":\"2016-02-14T18:44:25+00:00\",\"dateModified\":\"2016-04-22T17:12:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/\"},\"wordCount\":286,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/upload-file-using-javascript-php-by-codexworld.png\",\"keywords\":[\"File Upload\",\"JavaScript\",\"PHP\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/\",\"name\":\"Upload file using JavaScript and PHP - CodexWorld\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/upload-file-using-javascript-php-by-codexworld.png\",\"datePublished\":\"2016-02-14T18:44:25+00:00\",\"dateModified\":\"2016-04-22T17:12:05+00:00\",\"description\":\"Upload file without page refresh using JavaScript and PHP \u2013 Learn how to upload file using JavaScript and PHP.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/upload-file-using-javascript-php-by-codexworld.png\",\"contentUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/upload-file-using-javascript-php-by-codexworld.png\",\"width\":1366,\"height\":768,\"caption\":\"upload-file-using-javascript-php-by-codexworld\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/upload-file-using-javascript-php\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.codexworld.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Upload file using JavaScript and PHP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#website\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/\",\"name\":\"CodexWorld\",\"description\":\"Web & Mobile App Development Company\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.codexworld.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#organization\",\"name\":\"CodexWorld\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/codexworld-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.codexworld.com\\\/wp-content\\\/uploads\\\/2014\\\/09\\\/codexworld-logo.png\",\"width\":200,\"height\":19,\"caption\":\"CodexWorld\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/codexworld\",\"https:\\\/\\\/x.com\\\/codexworldweb\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/codexworld\",\"https:\\\/\\\/www.youtube.com\\\/codexworld\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.codexworld.com\\\/#\\\/schema\\\/person\\\/9da51d8fa3cdefeb5ec9c69136d4baf0\",\"name\":\"CodexWorld\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g\",\"caption\":\"CodexWorld\"},\"description\":\"CodexWorld is a programming blog, one-stop destination for web professionals \u2014 developers, programmers, freelancers, and site owners.\",\"sameAs\":[\"http:\\\/\\\/www.codexworld.com\",\"https:\\\/\\\/www.facebook.com\\\/codexworld\",\"https:\\\/\\\/x.com\\\/codexworldblog\"],\"url\":\"https:\\\/\\\/www.codexworld.com\\\/author\\\/nitya192265\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Upload file using JavaScript and PHP - CodexWorld","description":"Upload file without page refresh using JavaScript and PHP \u2013 Learn how to upload file using JavaScript and PHP.","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:\/\/www.codexworld.com\/upload-file-using-javascript-php\/","og_locale":"en_US","og_type":"article","og_title":"Upload file using JavaScript and PHP - CodexWorld","og_description":"Upload file without page refresh using JavaScript and PHP \u2013 Learn how to upload file using JavaScript and PHP.","og_url":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/","og_site_name":"CodexWorld","article_publisher":"https:\/\/www.facebook.com\/codexworld","article_author":"https:\/\/www.facebook.com\/codexworld","article_published_time":"2016-02-14T18:44:25+00:00","article_modified_time":"2016-04-22T17:12:05+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/02\/upload-file-using-javascript-php-by-codexworld.png","type":"image\/png"}],"author":"CodexWorld","twitter_card":"summary_large_image","twitter_creator":"@codexworldblog","twitter_site":"@codexworldweb","twitter_misc":{"Written by":"CodexWorld","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#article","isPartOf":{"@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/"},"author":{"name":"CodexWorld","@id":"https:\/\/www.codexworld.com\/#\/schema\/person\/9da51d8fa3cdefeb5ec9c69136d4baf0"},"headline":"Upload file using JavaScript and PHP","datePublished":"2016-02-14T18:44:25+00:00","dateModified":"2016-04-22T17:12:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/"},"wordCount":286,"commentCount":2,"publisher":{"@id":"https:\/\/www.codexworld.com\/#organization"},"image":{"@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/02\/upload-file-using-javascript-php-by-codexworld.png","keywords":["File Upload","JavaScript","PHP"],"articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/","url":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/","name":"Upload file using JavaScript and PHP - CodexWorld","isPartOf":{"@id":"https:\/\/www.codexworld.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#primaryimage"},"image":{"@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/02\/upload-file-using-javascript-php-by-codexworld.png","datePublished":"2016-02-14T18:44:25+00:00","dateModified":"2016-04-22T17:12:05+00:00","description":"Upload file without page refresh using JavaScript and PHP \u2013 Learn how to upload file using JavaScript and PHP.","breadcrumb":{"@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#primaryimage","url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/02\/upload-file-using-javascript-php-by-codexworld.png","contentUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/02\/upload-file-using-javascript-php-by-codexworld.png","width":1366,"height":768,"caption":"upload-file-using-javascript-php-by-codexworld"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codexworld.com\/upload-file-using-javascript-php\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codexworld.com\/"},{"@type":"ListItem","position":2,"name":"Upload file using JavaScript and PHP"}]},{"@type":"WebSite","@id":"https:\/\/www.codexworld.com\/#website","url":"https:\/\/www.codexworld.com\/","name":"CodexWorld","description":"Web & Mobile App Development Company","publisher":{"@id":"https:\/\/www.codexworld.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codexworld.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codexworld.com\/#organization","name":"CodexWorld","url":"https:\/\/www.codexworld.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codexworld.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2014\/09\/codexworld-logo.png","contentUrl":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2014\/09\/codexworld-logo.png","width":200,"height":19,"caption":"CodexWorld"},"image":{"@id":"https:\/\/www.codexworld.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codexworld","https:\/\/x.com\/codexworldweb","https:\/\/www.linkedin.com\/company\/codexworld","https:\/\/www.youtube.com\/codexworld"]},{"@type":"Person","@id":"https:\/\/www.codexworld.com\/#\/schema\/person\/9da51d8fa3cdefeb5ec9c69136d4baf0","name":"CodexWorld","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cf4999db3b409de559f80677afa01729bb2eeda19be273c254e8b2c22729e386?s=96&r=g","caption":"CodexWorld"},"description":"CodexWorld is a programming blog, one-stop destination for web professionals \u2014 developers, programmers, freelancers, and site owners.","sameAs":["http:\/\/www.codexworld.com","https:\/\/www.facebook.com\/codexworld","https:\/\/x.com\/codexworldblog"],"url":"https:\/\/www.codexworld.com\/author\/nitya192265\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.codexworld.com\/wp-content\/uploads\/2016\/02\/upload-file-using-javascript-php-by-codexworld.png","jetpack_shortlink":"https:\/\/wp.me\/p6bxIh-kd","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/1253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/comments?post=1253"}],"version-history":[{"count":5,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/1253\/revisions"}],"predecessor-version":[{"id":1261,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/posts\/1253\/revisions\/1261"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/media\/1258"}],"wp:attachment":[{"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/media?parent=1253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/categories?post=1253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codexworld.com\/wp-json\/wp\/v2\/tags?post=1253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}