{"id":639,"date":"2020-05-08T15:46:19","date_gmt":"2020-05-08T10:16:19","guid":{"rendered":"https:\/\/myfreeonlinetools.com\/blog\/?p=639"},"modified":"2020-09-22T22:11:44","modified_gmt":"2020-09-22T16:41:44","slug":"get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path","status":"publish","type":"post","link":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/","title":{"rendered":"Get selected uploaded file name in input file by jQuery without fake path"},"content":{"rendered":"<h2>Uploaded file value comes with a fake path, how to get filename without a fake path.<\/h2>\n<p>In this code, how to get filename without full path, only use the file name which is upload in the input file.\u00a0 In other words, get an image or file temp name by\u00a0<a href=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\" target=\"_blank\" rel=\"noopener noreferrer\">jquery<\/a> when user upload file in input filed.<\/p>\n<h4><em>like C:\\fakepath\\finalimage.jpg, only get finalimage.jpg<\/em><\/h4>\n<p><em>use below code, get the input type file value.<\/em><\/p>\n<pre><b>var changeFileName = changeFile.replace(\/^.*[\\\\\\\/]\/, '');\r\n<\/b>Detail code of get upload file name without fake path HTML with jQuery.<b>\r\n<\/b><\/pre>\n<p>HTML Code<\/p>\n<pre>&lt;div id=\"uploadImageBug\" class=\"uploadImageBug\"&gt;\r\n&lt;input type=\"file\" id=\"fileUploadBug\" \/&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<p>jQuery Code<\/p>\n<pre>(function(){\r\njQuery('#uploadImageBug input[type=\"file\"]').change(function(){\r\nvar getFileName = jQuery(this).val(); \r\nvar changeFileName = getFileName.replace(\/^.*[\\\\\\\/]\/, '');\r\nconsole.log(changeFileName);\r\n});\r\n})();<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Uploaded file value comes with a fake path, how to get filename without a fake path. In this code, how to get filename without full path, only use the file [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":669,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[27,23,1],"tags":[],"class_list":["post-639","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-solution","category-javascript-tutorial","category-uncategorized"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Get selected uploaded file name in input file by jQuery without fake path - 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\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Get selected uploaded file name in input file by jQuery without fake path - MyFreeOnlineTools\" \/>\n<meta property=\"og:description\" content=\"Uploaded file value comes with a fake path, how to get filename without a fake path. In this code, how to get filename without full path, only use the file [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/\" \/>\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=\"2020-05-08T10:16:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-22T16:41:44+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"780\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/\"},\"author\":{\"name\":\"myfreeonlinetools\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\"},\"headline\":\"Get selected uploaded file name in input file by jQuery without fake path\",\"datePublished\":\"2020-05-08T10:16:19+00:00\",\"dateModified\":\"2020-09-22T16:41:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/\"},\"wordCount\":92,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg\",\"articleSection\":[\"Code - Solution\",\"JavaScript Tutorial\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/\",\"name\":\"Get selected uploaded file name in input file by jQuery without fake path - MyFreeOnlineTools\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg\",\"datePublished\":\"2020-05-08T10:16:19+00:00\",\"dateModified\":\"2020-09-22T16:41:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg\",\"width\":780,\"height\":460,\"caption\":\"Get selected uploaded file name in input file by jQuery\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/myfreeonlinetools.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Get selected uploaded file name in input file by jQuery without fake path\"}]},{\"@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":"Get selected uploaded file name in input file by jQuery without fake path - 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\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/","og_locale":"en_US","og_type":"article","og_title":"Get selected uploaded file name in input file by jQuery without fake path - MyFreeOnlineTools","og_description":"Uploaded file value comes with a fake path, how to get filename without a fake path. In this code, how to get filename without full path, only use the file [&hellip;]","og_url":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/","og_site_name":"MyFreeOnlineTools","article_author":"https:\/\/www.facebook.com\/LearnSchoolOnline\/","article_published_time":"2020-05-08T10:16:19+00:00","article_modified_time":"2020-09-22T16:41:44+00:00","og_image":[{"width":780,"height":460,"url":"http:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg","type":"image\/jpeg"}],"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\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#article","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/"},"author":{"name":"myfreeonlinetools","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c"},"headline":"Get selected uploaded file name in input file by jQuery without fake path","datePublished":"2020-05-08T10:16:19+00:00","dateModified":"2020-09-22T16:41:44+00:00","mainEntityOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/"},"wordCount":92,"commentCount":0,"publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage"},"thumbnailUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg","articleSection":["Code - Solution","JavaScript Tutorial"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/","url":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/","name":"Get selected uploaded file name in input file by jQuery without fake path - MyFreeOnlineTools","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage"},"thumbnailUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg","datePublished":"2020-05-08T10:16:19+00:00","dateModified":"2020-09-22T16:41:44+00:00","breadcrumb":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#primaryimage","url":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg","contentUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2020\/05\/get-selected-uploaded-file-name-by-jQuery.jpg","width":780,"height":460,"caption":"Get selected uploaded file name in input file by jQuery"},{"@type":"BreadcrumbList","@id":"https:\/\/myfreeonlinetools.com\/blog\/get-selected-uploaded-file-name-input-file-by-jquery-without-fake-path\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myfreeonlinetools.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Get selected uploaded file name in input file by jQuery without fake path"}]},{"@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\/639","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=639"}],"version-history":[{"count":0,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/639\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media\/669"}],"wp:attachment":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media?parent=639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/categories?post=639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/tags?post=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}