uToolGo Pequeñas Herramientas, Gran Impacto

Codificación y decodificación URL

Codifica y decodifica cadenas URL, manejando de forma segura caracteres especiales y texto no ASCII, ideal para parámetros de consulta y transmisión de rutas.

Codificar

Modo de codificación

Decodificar

Instrucciones de uso

La codificación URL convierte caracteres especiales o no ASCII en formato %XX para su transmisión segura dentro de URLs.
Use "Codificar" para convertir texto en un formato seguro para URLs (por ejemplo, parámetros de consulta).
Use "Decodificar" para restaurar secuencias %XX a sus caracteres originales.
Escenarios comunes: manejo de parámetros de consulta, transferencia de datos de formularios, llamadas a API, etc.

Ejemplos rápidos

Texto original
https://example.com/search?q=你好世界&type=text
Codificación URL
https://example.com/search?q=%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C&type=text

Características

  • Dos modos de codificación: encodeURIComponent y encodeURI
  • Manejo flexible de espacios: codificados como + o %20
  • Conversión en tiempo real con estadísticas de longitud de entrada/salida
  • Botones de copiar/borrar y envío bidireccional entre paneles
  • Soporte completo para internacionalización y temas múltiples de DaisyUI

¿Qué es la codificación URL?

La codificación URL convierte caracteres en secuencias de codificación porcentual %XX para transmitirlos de forma segura en URLs.

encodeURIComponent es adecuado para componentes individuales (como valores de parámetros de consulta) y codifica la mayoría de los caracteres que no son alfanuméricos.

encodeURI es adecuado para cadenas URI completas y no codifica caracteres reservados con significado estructural como ?, &, =, /.

Usos comunes

  • Construir parámetros de consulta (palabras clave de búsqueda, criterios de filtrado, etc.)
  • Codificación y transmisión de datos de formularios GET/POST
  • Codificación de parámetros para llamadas a API
  • Incorporar de forma segura entradas de usuario en segmentos de ruta URL

Preguntas frecuentes y trampas

  • encodeURI vs encodeURIComponent: usa component para parámetros individuales y URI para enlaces completos
  • Espacios y +: application/x-www-form-urlencoded utiliza comúnmente + para representar espacios en cadenas de consulta
  • Evita decodificaciones repetidas: múltiples decodificaciones pueden dañar los datos
  • Las secuencias de porcentaje inválidas generan errores; maneja las excepciones de forma elegante

Cómo realizar codificación/decodificación URL en lenguajes de programación

JavaScript
Codificar
// Component (recommended for query values)
const encoded = encodeURIComponent(text);
// If you need '+' for spaces in query strings
const encodedPlus = encoded.replace(/%20/g, '+');
// Full URI
const encodedUri = encodeURI(url);
Decodificar
// Treat '+' as space if needed
const input = plusAsSpace ? s.replace(/\+/g, ' ') : s;
// Component
const dec1 = decodeURIComponent(input);
// Fallback to decodeURI when input is a full URL
const dec2 = decodeURI(input);
PHP
Codificar
// Component (RFC 3986)
$encoded = rawurlencode($text);
// '+' for spaces (application/x-www-form-urlencoded)
$encodedPlus = str_replace('%20', '+', $encoded);
// Full query usage
$query = http_build_query(['q' => '你好 世界', 'type' => 'text']);
Decodificar
// Component
$decoded = rawurldecode($s);
// If input uses '+' for spaces
$decodedPlus = urldecode($s);
Python
Codificar
from urllib.parse import quote, quote_plus

# Component (RFC 3986)
enc = quote(text, safe='')
# '+' for spaces (application/x-www-form-urlencoded)
enc_plus = quote_plus(text)
Decodificar
from urllib.parse import unquote, unquote_plus

# Component
dec = unquote(s)
# Input with '+' for spaces
dec_plus = unquote_plus(s)
Go
Codificar
import (
    "net/url"
)

// Query component
enc := url.QueryEscape(text) // spaces => +
// Path segment
// go1.8+
// url.PathEscape(text)
Decodificar
import (
    "net/url"
)

// Query component
dec, _ := url.QueryUnescape(s)
// Path segment
// url.PathUnescape(s)
Rust
Codificar
// Cargo.toml: urlencoding = "^2"
use urlencoding::{encode, encode_binary};

let enc = encode(text);              // component; spaces => %20
let enc_plus = enc.replace("%20", "+"); // if you need '+' for spaces
Decodificar
use urlencoding::decode;

// decode treats '+' as space
let dec = decode(s)?; // Result, _>
Java
Codificar
import java.net.URLEncoder;
import java.nio.charset.StandardCharsets;

// Query param / form style (spaces => '+')
String enc = URLEncoder.encode(text, StandardCharsets.UTF_8);
// For RFC3986-like component encoding, replace '+' with %20 if needed
String encSpace = enc.replace("+", "%20");
Decodificar
import java.net.URLDecoder;
import java.nio.charset.StandardCharsets;

// URLDecoder treats '+' as space
String dec = URLDecoder.decode(s, StandardCharsets.UTF_8);
Buscar herramientas →