{"id":317,"date":"2017-12-22T18:17:24","date_gmt":"2017-12-22T21:17:24","guid":{"rendered":"http:\/\/www.ctasoftware.com.br\/blog\/?p=317"},"modified":"2017-12-22T21:24:07","modified_gmt":"2017-12-23T00:24:07","slug":"alterar-input-file-por-imagem","status":"publish","type":"post","link":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/","title":{"rendered":"Alterar Input File por Imagem"},"content":{"rendered":"<p>O css e html abaixo alteram o padr\u00e3o do input file para uma imagem.<\/p>\n<p>css<br \/>\n[css]<br \/>\n.image-upload &gt; input<br \/>\n{<br \/>\ndisplay: none;<br \/>\n}<br \/>\n[\/css]<\/p>\n<p>HTML<br \/>\n[html]<\/p>\n<div class=\"image-upload\"><label for=\"file-input\"><br \/>\n<img decoding=\"async\" src=\"placeholder.jpg\" \/><br \/>\n<\/label><input id=\"file-input\" type=\"file\" \/><\/p>\n<\/div>\n<p>[\/html]<\/p>\n<p>Resultado<\/p>\n<p><img data-attachment-id=\"318\" data-permalink=\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/camera_icon\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?fit=512%2C512&amp;ssl=1\" data-orig-size=\"512,512\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"camera_icon\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?fit=300%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?fit=512%2C512&amp;ssl=1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?resize=150%2C150\" alt=\"\" width=\"150\" height=\"150\" class=\"alignnone size-full wp-image-318\" srcset=\"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?w=512&amp;ssl=1 512w, https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?resize=230%2C230&amp;ssl=1 230w, https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png?resize=330%2C330&amp;ssl=1 330w\" sizes=\"(max-width: 150px) 100vw, 150px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Simples assim&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O css e html abaixo alteram o padr\u00e3o do input file para uma imagem. css [css] .image-upload &gt; input { display: none; } [\/css] HTML [html] [\/html] Resultado Simples assim&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[52,55],"tags":[97,51,96],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Alterar Input File por Imagem - CTASoftware Blog<\/title>\n<meta name=\"description\" content=\"CTASoftware Blog Alterar Input File por Imagem\" \/>\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.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alterar Input File por Imagem - CTASoftware Blog\" \/>\n<meta property=\"og:description\" content=\"CTASoftware Blog Alterar Input File por Imagem\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/\" \/>\n<meta property=\"og:site_name\" content=\"CTASoftware Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-22T21:17:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-23T00:24:07+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png\" \/>\n<meta name=\"author\" content=\"Everton Gon\u00e7alves\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Everton Gon\u00e7alves\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/\"},\"author\":{\"name\":\"Everton Gon\u00e7alves\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/person\/34f7fa2c76834d8410f6dd43e26fd3e4\"},\"headline\":\"Alterar Input File por Imagem\",\"datePublished\":\"2017-12-22T21:17:24+00:00\",\"dateModified\":\"2017-12-23T00:24:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/\"},\"wordCount\":34,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#organization\"},\"keywords\":[\"CSS\",\"HTML\",\"Input File\"],\"articleSection\":[\"JavaScript\",\"JQuery\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/\",\"url\":\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/\",\"name\":\"Alterar Input File por Imagem - CTASoftware Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#website\"},\"datePublished\":\"2017-12-22T21:17:24+00:00\",\"dateModified\":\"2017-12-23T00:24:07+00:00\",\"description\":\"CTASoftware Blog Alterar Input File por Imagem\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.ctasoftware.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Alterar Input File por Imagem\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#website\",\"url\":\"https:\/\/www.ctasoftware.com.br\/blog\/\",\"name\":\"CTASoftware Blog\",\"description\":\"Para Desenvolvedores De Software\",\"publisher\":{\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ctasoftware.com.br\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#organization\",\"name\":\"CTASoftware\",\"url\":\"https:\/\/www.ctasoftware.com.br\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2023\/06\/logocta.png?fit=225%2C44&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2023\/06\/logocta.png?fit=225%2C44&ssl=1\",\"width\":225,\"height\":44,\"caption\":\"CTASoftware\"},\"image\":{\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/person\/34f7fa2c76834d8410f6dd43e26fd3e4\",\"name\":\"Everton Gon\u00e7alves\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3e5e7fe964521f618a2b09d3fbb7800f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3e5e7fe964521f618a2b09d3fbb7800f?s=96&d=mm&r=g\",\"caption\":\"Everton Gon\u00e7alves\"},\"description\":\"http:\/\/www.ctasoftware.com.br\",\"sameAs\":[\"http:\/\/www.ctasoftware.com.br\"],\"url\":\"https:\/\/www.ctasoftware.com.br\/blog\/author\/everton-goncalves\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Alterar Input File por Imagem - CTASoftware Blog","description":"CTASoftware Blog Alterar Input File por Imagem","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.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/","og_locale":"pt_BR","og_type":"article","og_title":"Alterar Input File por Imagem - CTASoftware Blog","og_description":"CTASoftware Blog Alterar Input File por Imagem","og_url":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/","og_site_name":"CTASoftware Blog","article_published_time":"2017-12-22T21:17:24+00:00","article_modified_time":"2017-12-23T00:24:07+00:00","og_image":[{"url":"http:\/\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2017\/12\/camera_icon.png"}],"author":"Everton Gon\u00e7alves","twitter_misc":{"Escrito por":"Everton Gon\u00e7alves"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#article","isPartOf":{"@id":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/"},"author":{"name":"Everton Gon\u00e7alves","@id":"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/person\/34f7fa2c76834d8410f6dd43e26fd3e4"},"headline":"Alterar Input File por Imagem","datePublished":"2017-12-22T21:17:24+00:00","dateModified":"2017-12-23T00:24:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/"},"wordCount":34,"commentCount":0,"publisher":{"@id":"https:\/\/www.ctasoftware.com.br\/blog\/#organization"},"keywords":["CSS","HTML","Input File"],"articleSection":["JavaScript","JQuery"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/","url":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/","name":"Alterar Input File por Imagem - CTASoftware Blog","isPartOf":{"@id":"https:\/\/www.ctasoftware.com.br\/blog\/#website"},"datePublished":"2017-12-22T21:17:24+00:00","dateModified":"2017-12-23T00:24:07+00:00","description":"CTASoftware Blog Alterar Input File por Imagem","breadcrumb":{"@id":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ctasoftware.com.br\/blog\/alterar-input-file-por-imagem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.ctasoftware.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Alterar Input File por Imagem"}]},{"@type":"WebSite","@id":"https:\/\/www.ctasoftware.com.br\/blog\/#website","url":"https:\/\/www.ctasoftware.com.br\/blog\/","name":"CTASoftware Blog","description":"Para Desenvolvedores De Software","publisher":{"@id":"https:\/\/www.ctasoftware.com.br\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ctasoftware.com.br\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.ctasoftware.com.br\/blog\/#organization","name":"CTASoftware","url":"https:\/\/www.ctasoftware.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2023\/06\/logocta.png?fit=225%2C44&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.ctasoftware.com.br\/blog\/wp-content\/uploads\/2023\/06\/logocta.png?fit=225%2C44&ssl=1","width":225,"height":44,"caption":"CTASoftware"},"image":{"@id":"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/person\/34f7fa2c76834d8410f6dd43e26fd3e4","name":"Everton Gon\u00e7alves","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.ctasoftware.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3e5e7fe964521f618a2b09d3fbb7800f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3e5e7fe964521f618a2b09d3fbb7800f?s=96&d=mm&r=g","caption":"Everton Gon\u00e7alves"},"description":"http:\/\/www.ctasoftware.com.br","sameAs":["http:\/\/www.ctasoftware.com.br"],"url":"https:\/\/www.ctasoftware.com.br\/blog\/author\/everton-goncalves\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6ACmG-57","jetpack-related-posts":[{"id":353,"url":"https:\/\/www.ctasoftware.com.br\/blog\/encontrar-cep-consulta-cep-gratuito\/","url_meta":{"origin":317,"position":0},"title":"Encontrar CEP &#8211; Consulta CEP Gratuito","author":"Everton Gon\u00e7alves","date":"21 de janeiro de 2019","format":false,"excerpt":"Um bom site para consulta de cep gratuitamente via JQuery. <html> <head> <title>Encontrar CEP<\/title> <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/> <!-- Adicionando JQuery --> <script src=\"https:\/\/code.jquery.com\/jquery-3.2.1.min.js\" integrity=\"sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=\" crossorigin=\"anonymous\"><\/script> <!-- Adicionando Javascript --> <script type=\"text\/javascript\" > $(document).ready(function() { function limpa_formul\u00e1rio_cep() { \/\/ Limpa valores do formul\u00e1rio de cep. $(\"#rua\").val(\"\"); $(\"#bairro\").val(\"\"); $(\"#cidade\").val(\"\"); $(\"#uf\").val(\"\");\u2026","rel":"","context":"Em &quot;JavaScript&quot;","block_context":{"text":"JavaScript","link":"https:\/\/www.ctasoftware.com.br\/blog\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":36,"url":"https:\/\/www.ctasoftware.com.br\/blog\/webservice-de-cep-dos-correios-php-e-jquery\/","url_meta":{"origin":317,"position":1},"title":"WebService de CEP dos Correios PHP e JQuery","author":"Everton Gon\u00e7alves","date":"7 de abril de 2012","format":false,"excerpt":"Necess\u00e1rio download do JQuery no link http:\/\/code.google.com\/p\/jqueryjs\/downloads\/detail?name=jquery-1.2.6.js&can=2&q= \u00a0 <html> <head> <title>WebService CEP<\/title> <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/> <!-- Insere o jquery --> <script type=\"text\/javascript\" src=\"jquery-1.2.6.js\"><\/script> <script type=\"text\/javascript\" > \u00a0 \u00a0 $(document).ready(function(){ \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/\/Preenche os campos na a&#231;&#227;o \"Blur\" (mudar de campo) \u00a0 \u00a0\u2026","rel":"","context":"Em &quot;PHP&quot;","block_context":{"text":"PHP","link":"https:\/\/www.ctasoftware.com.br\/blog\/category\/php\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":452,"url":"https:\/\/www.ctasoftware.com.br\/blog\/jquery-definir-display-block-ou-none-na-div\/","url_meta":{"origin":317,"position":2},"title":"jQuery definir display block ou none na DIV","author":"Everton Gon\u00e7alves","date":"15 de junho de 2023","format":false,"excerpt":"Para alterar a exibi\u00e7\u00e3o da DIV que est\u00e1 como display: none para display block utilizando jQuery utilize: $(\"#id\").css(\"display\", \"block\"); Para remover o block e esconder a DIV utilize $(\"#id\").css(\"display\", \"none\"); e \u00e9 s\u00f3!","rel":"","context":"Em &quot;JavaScript&quot;","block_context":{"text":"JavaScript","link":"https:\/\/www.ctasoftware.com.br\/blog\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":407,"url":"https:\/\/www.ctasoftware.com.br\/blog\/upload-de-multiplos-arquivos-html-e-jquery\/","url_meta":{"origin":317,"position":3},"title":"Upload de Multiplos Arquivos HTML e jQuery","author":"Everton Gon\u00e7alves","date":"17 de julho de 2020","format":false,"excerpt":"Informa\u00e7\u00e3o b\u00e1sica de como fazer upload de v\u00e1rios arquivos utilizando de forma r\u00e1pida o HTML e jQuery Arrastar ou escolher arquivo Script \u00c9 s\u00f3 isso!Obrigado e at\u00e9 mais!","rel":"","context":"Em &quot;JavaScript&quot;","block_context":{"text":"JavaScript","link":"https:\/\/www.ctasoftware.com.br\/blog\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":332,"url":"https:\/\/www.ctasoftware.com.br\/blog\/evento-drag-drop-no-input\/","url_meta":{"origin":317,"position":4},"title":"Evento Drag Drop no Input (onDrop) (drop)","author":"Everton Gon\u00e7alves","date":"6 de novembro de 2018","format":false,"excerpt":"Como prevenir evento drag drop no input? <input type=\"text\" (drop)=\"onDrop($event)\"><\/div> export class DropComponent { onDrop(event) { event.preventDefault(); } } prevent drag in input Angular 5","rel":"","context":"Em &quot;Angular 5&quot;","block_context":{"text":"Angular 5","link":"https:\/\/www.ctasoftware.com.br\/blog\/category\/angular-5\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":367,"url":"https:\/\/www.ctasoftware.com.br\/blog\/retornar-um-ou-mais-elementos-aleatorios-de-um-array\/","url_meta":{"origin":317,"position":5},"title":"Retornar um ou mais elementos aleat\u00f3rios de um array","author":"Everton Gon\u00e7alves","date":"31 de mar\u00e7o de 2020","format":false,"excerpt":"O array_rand \u00e9 um m\u00e9todo nativo do PHP que traz a possibilidade de retonrar um ou mais elementos aleat\u00f3rios de um array. Exemplo obtido no php.net <?php$input\u00a0=\u00a0array(\"Neo\",\u00a0\"Morpheus\",\u00a0\"Trinity\",\u00a0\"Cypher\",\u00a0\"Tank\");$rand_keys\u00a0=\u00a0array_rand($input,\u00a02);echo\u00a0$input[$rand_keys[0]]\u00a0.\u00a0\"\\n\";echo\u00a0$input[$rand_keys[1]]\u00a0.\u00a0\"\\n\";?> Outro exemplo: <?php$input\u00a0=\u00a0array(\"Neo\",\u00a0\"Morpheus\",\u00a0\"Trinity\",\u00a0\"Cypher\",\u00a0\"Tank\");$rand_keys\u00a0=\u00a0array_rand($input,\u00a01);echo\u00a0$input[$rand_keys]\u00a0.\u00a0\"\\n\";?> Resultado: alguma palavra aleat\u00f3ria do array $input;","rel":"","context":"Em &quot;PHP&quot;","block_context":{"text":"PHP","link":"https:\/\/www.ctasoftware.com.br\/blog\/category\/php\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/posts\/317"}],"collection":[{"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/comments?post=317"}],"version-history":[{"count":3,"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/posts\/317\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/posts\/317\/revisions\/321"}],"wp:attachment":[{"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/media?parent=317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/categories?post=317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ctasoftware.com.br\/blog\/wp-json\/wp\/v2\/tags?post=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}