setRequestHeader en jquery

[evoarte]

buenas tardes,

¿cómo podría modificar jquery para incorporar una cabecera como esta?

objetoXML.setRequestHeader("Content-Type", "application/x-www-form-urlencoded", "Charset=ISO-8859-15");

voy a intentar explicar, utilizo ajax sin ninguna librería habitualmente, y añado la cabecera de arriba antes de hacer la llamada,
pero ahora intento utilizar para subir archivos al servidor este plugin jquery:
http://hayageek.com/docs/jquery-upload-file.php
(que a su vez utiliza este otro)
http://malsup.com/jquery/form/

pero tengo un problema con los caracteres latinos, pero no sabría modificar las opciones de las peticiones ajax que utilizan jquery para añadir la cabecera para especificar charset iso.

no se si es posible.

un saludo,
josé carlos.

[fhederico]

Hola,

Creo que lo que necesitas es algo asi

http://api.jquery.com/jquery.ajax/

Especificamente esta parte "contentType", que es en donde puedes modificar la cabecera que envias

Código HTML:

contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8')
 

Por ejemplo

Código Javascript:

$.ajax(
{
    contentType: "application/x-www-form-urlencoded; charset=ISO-8859-15",
    type: "GET",
    url: "hola.php",
        //parametros
    data: { "id" : valor},
    success: function(data, textStatus, XMLHttpRequest)
    {
             //que haras con el resultado que retorna "hola.php
             ...
    },
    error: function() {
             //Que hacer en caso de error
    }
});
 

Saludos

[evoarte]

buenos días,

mi problema radica en subir archivos y luego poder borrarlos cuando el nombre incluye algún carácter latino (ñ, á, é ...)

para subir, utilizando utf8_decode, ahora los archivos si los veo con filezilla tienen caracteres latinos:

Código PHP:

<?php
 
$output_dir = "uploads/";
if(isset($_FILES["myfile"]))
{
    $ret = array();
 
    $error =$_FILES["myfile"]["error"];
    //You need to handle  both cases
    //If Any browser does not support serializing of multiple files using FormData() 
    if(!is_array($_FILES["myfile"]["name"])) //single file
    {
        $fileName = utf8_decode ( $_FILES["myfile"]["name"] );
        move_uploaded_file($_FILES["myfile"]["tmp_name"],$output_dir.$fileName);
        $ret[]= $fileName;
    }
    else  //Multiple files, file[]
    {
      $fileCount = count($_FILES["myfile"]["name"]);
      for($i=0; $i < $fileCount; $i++)
      {
        $fileName = utf8_decode ( $_FILES["myfile"]["name"][$i] );
        move_uploaded_file($_FILES["myfile"]["tmp_name"][$i],$output_dir.$fileName);
        $ret[]= $fileName;
      }
    
    }
    echo json_encode($ret);
 }
 ?>
 

para borrar, el archivo no es borrado, sin embargo tengo la respuesta, y la variable $fileName está vacia, la respuesta es: Deleted File <br>:

el error debe producirse en la función unLink, pero solo falla cuando el nombre del archivo tiene caracteres latinos, pero ¿por qué?

Código PHP:

<?php
 
$output_dir = "uploads/";
$fileName =utf8_decode ( $_POST['name'] );
 
if(isset($_POST["op"]) && $_POST["op"] == "delete" && isset($fileName))
{
    $fileName =utf8_decode ( $_POST['name'] );
    $filePath = $output_dir. $fileName;
    if (file_exists($filePath)) 
    {
        unlink($filePath);
        echo "Deleted File ".$fileName."<br>";
    }
}
 
?>
 

espero vuestra ayuda, que estoy pez con php,
un saludo.

[fhederico]

Tengo una pregunta que hacerte, porque guardas el mismo nombre que te envian? me explico, si yo subo un archivo con un nombre como este

Código HTML:

soy_un_archivo_muy_extenso_y_tu_me_guardaras_con_este_mismo_nombre_o_no.doc
 

Segun la logica tuya el archivo subiria, esto lo muestras luego? que haces con este archivo??

Personalmente te doy dos opciones

1) Subir el archivo, al momento de subirlo al servidor cambiarle el nombre por un identificador unico, lo cual haria mas facil y menos extenso su nombre en el Servidor, ahora tu diras como se de quien es este archivo, normalmente esto lo puedes guardar en una base de datos, es decir, guardas quien lo subio, su nombre real, y el nombre que le asignaste, ahora si no quieres una base de datos, puedes tambien al momento de guardarlo crearlo en una carpeta con la ruta de quien lo subio o el id de esto.

2) Si aun quieres conservar el nombre original, puedes agregar esto

Código PHP:

$imagePath = basename($_FILES[$fileFieldName]["name"]);
  
  //lo transformamos a UTF8 para poder reemplazar los tildes y demaces
  $imagePath=utf8_encode( basename($imagePath) );
 
  //Patron para reemplazar si viene con alguna tilde o demaces
  $t = array(
  "á" => "a"  , "é" => "e"  , "í" => "i"  , "ó" => "o"  , "ú" => "u",
  "Á" => "A"  , "É" => "E"  , "Í" => "I"  , "Ó" => "O"  , "Ú" => "U",
  "à" => "a"  , "è" => "e"  , "ì" => "i"  , "ò" => "o"  , "ù" => "u",
  "À" => "A"  , "È" => "E"  , "Ì" => "I"  , "Ò" => "O"  , "Ù" => "U",
  "ä" => "a"  , "ë" => "e"  , "ï" => "i"  , "ö" => "o"  , "ü" => "u",
  "Ä" => "A"  , "Ë" => "E"  , "Ï" => "I"  , "Ö" => "O"  , "Ü" => "U",
  "ñ" => "n"  , "Ñ" => "N"  , "°" => "a"  , "/" => "a"  , "\\" => "a",
  "&" => "a"  , "'" => "a"  , '"' => "a"  , "<" => "a"  , ">" => "a",
  " " => ""
  );
  
  //reemplazamos, quitamos espacios
  $imagePath= strtolower( trim( strtr($imagePath, $t) ) );
 

Con esto, tus caracteres quedarian fuera, ya que al convertirlos como lo haces el te dejaria por ejemplo "á" quedaria "&aacute;" lo que no sirve al momento de eliminar ya que se marea el unlink o de subirlo.

Tu deberas reemplazar los nombres por los que posees y adaptarlo.

Saludos

[evoarte]

pero, por qué $fileName es null o está vacio cuando recibe el nombre del archivo con caracteres latinos?

un saludo,
josé carlos.

[evoarte]

creo que guardando el nombre tal y como lo tiene el usuario es más fácil para él, al estilo gmail.

pero lo que no veo es por qué cuando el nombre tiene algún carácter latino $fileName es null o está vacío.

un saludo,
josé carlos.

[fhederico]

Personalmente no creo que guardar el mismo nombre que te envian sea el adecuado, si google te muestra el nombre con que tu lo subiste no quiere decir que efectivamente ellos lo guarden asi, se debe hacer un proceso interno que limpie esto para evitar estos problemas, lo que debe ser transparente para el usuario.

Sobre tu duda, que caracteres especificamente mencionas? porque por ejemplo, si yo envio esto

Código HTML:

"holíta_`comoasdsad.csv"
 

El me convierte a esto

Código HTML:

hol?ta_`comoasdsad.csv
 

Ahora, si yo le envio un "$" esto corta la cadena, ya que es un caracter de PHP por ejemplo

Código HTML:

holíta_`$comoasdsad.csv
 

Deja

Código HTML:

org       : holíta_`.csv
mod       : hol?ta_`.csv
 

Ahora, guardar nombres con "?" en windows no te dejaria, y linux es mas detallista en este aspecto ya que discrimina entre mayusculas y minusculas, en que entorno pruebas?

Mientras mas detalles me des mas facil es para mi hacer pruebas.

Otra cosa, actualmente existen framework como symfony2, que poseen bundles los cuales facilitan enormente esto.

[evoarte]

el servidor es windows server 2012 con iis 8, y la web es asp, mediante llamadas ajax se suben al server y se borran durante el proceso, para esto quiero utilizar un plugin jquery: jQuery Upload File Plugin version: 3.1.0

efectivamente, cuando tenga preparado el cargador lo integraré, como son adjuntos a mensajes dentro de una conversación, guardaré en una tabla el nombre de los adjuntos para asociar con el mensaje al que corresponden.

lo bueno del caso es que $_POST['name'], cuando el nombre incluye caracteres latinos (ñ, á, é, ...), es null o está vacío.

un saludo,
josé carlos.

[fhederico]

Consulta, el proceso para eliminar tambien lo haces por una peticion por ajax? si es asi agradeceria incluir el codigo y lo otro, si fuese por ajax, has revisado la peticion que realiza con firebug, tal vez el problema esta en que se esta mareando en enviar los datos y el problema no esta en tu codigo php.

[evoarte]

así es, te ponía en un post que $_POST['name'] cuando incluye un carácter latino está vacio, es decir, que no envía nada, y si lo veo en firebug desde firefox:

name
op delete

Fuente
op=delete&name=

Esta es la página que envía:

Código PHP:

<?php header('Content-Type: text/html; charset=ISO-8859-15'); ?>
 
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="ISO-8859-15">
<link href="uploadfile.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.uploadfile.js"></script>
</head>
<body>
 
<div id="mulitplefileuploader">Upload</div>
 
<div id="status"></div>
    <script>
 
        $(document).ready(function()
        {
            var settings = {
                url: "upload.php",
                dragDrop:true,
                fileName: "myfile",
                allowedTypes:"jpg,png,gif,doc,pdf,zip",
                returnType:"json",
                    onSuccess:function(files,data,xhr)
                    {
                    // alert((data));
                    },
                showDelete:true,
                deleteCallback: function(data,pd)
                {
                    for(var i=0;i<data.length;i++)
                    {
                        $.post("delete.php",{op:"delete",name:data[i]},
                            function(resp, textStatus, jqXHR)
                            {
                            //Show Message
                            //  $("#status").append("<div>File Deleted</div>");
                            });
                    }
                    pd.statusbar.hide(); //You choice to hide/not.
                }
            }
            var uploadObj = $("#mulitplefileuploader").uploadFile(settings);
        });
    </script>
</body>
 

un saludo,
josé carlos.

[fhederico]

Perfecto,

El problema es que cuando subias tu archivo y este contenia caracteres extraños al convertilo en JSON este no los reconocia por lo cual te retornaba "null" y al eliminar tomaba este mismo nombre y lo intentaba eliminar, por eso nunca lo encontraba y no lo eliminaba, te dejo la correccion funcional, no es lo mas optimo, pero te servira para continuar

HTML

Código Javascript:

$(document).ready(function()
            {
                var settings = {
                    url: "upload.php",
                    dragDrop:true,
                    fileName: "myfile",
                    allowedTypes:"jpg,png,gif,doc,pdf,zip",
                    returnType:"json",
                        onSuccess:function(files,data,xhr)
                        {
                            alert(data);
                        },
                    showDelete:true,
                    deleteCallback: function(data,pd)
                    {
                        for(var i=0;i<data.length;i++)
                        {
                            $.ajax({
                                type: "POST",
                                url: "delete.php",
                                data: {op:"delete",name:data[i]},
                                success: function(data, textStatus, XMLHttpRequest)
                                {
                                    alert(data);
                                    pd.statusbar.hide(); //You choice to hide/not.
                                },
                                error: function(data, textStatus, XMLHttpRequest)
                                {
                                    alert(data);
                                }
                            });
                        }
                        
                    }
                }
                var uploadObj = $("#mulitplefileuploader").uploadFile(settings);
            });
 

Aqui solo cambie tu "post" por un Ajax, ya que me servia para depurar en caso de error o exito

UPLOAD.PHP

Código PHP:

<?php
 
$output_dir = "uploads/";
if(isset($_FILES["myfile"]))
{
    $ret = array();
 
    $error =$_FILES["myfile"]["error"];
    //You need to handle  both cases
    //If Any browser does not support serializing of multiple files using FormData()
    if(!is_array($_FILES["myfile"]["name"])) //single file
    {
        $fileName = html_entity_decode(utf8_encode($_FILES["myfile"]["name"] ));
        move_uploaded_file($_FILES["myfile"]["tmp_name"],$output_dir.$fileName);
        $ret[]= $fileName;
    }
    else  //Multiple files, file[]
    {
      $fileCount = count($_FILES["myfile"]["name"]);
      for($i=0; $i < $fileCount; $i++)
      {
        $fileName = html_entity_decode(utf8_encode($_FILES["myfile"]["name"] ));
        move_uploaded_file($_FILES["myfile"]["tmp_name"][$i],$output_dir.$fileName);
        $ret[]= $fileName;
      }
    }
    
    echo json_encode($ret);
 }
 

Aqui cambie la parte donde codificabas el nombre


DELETE.PHP

Código PHP:

<?php
 
$output_dir = "uploads/";
$fileName = $_POST['name'];
 
if(isset($_POST["op"]) && $_POST["op"] == "delete" && isset($fileName))
{
    $filePath = $output_dir. $fileName;
    if (file_exists($filePath))
    {
        unlink($filePath);
        echo "Deleted File ".$fileName."<br>";
    }
    else
        echo "no existe '".$fileName."'<br>";
}
 

Aqui como nuestro Upload nos retorna el nombre que guardo no debemos hacer nada mas con dicho nombre, de lo contrario no lo encontrara, solo debemos tomarlo y procesarlo y listo ;)

Una ultima cosa, actualmente el cierre de las etiquetas php (?>) ya no se ocupa, es decir, solo se abre (<?php) y no se deja la etiqueta de cierra ;)

Saludos

[evoarte]

es totalmente operativo, pero el archivo se guarda en el servidor con caracteres no latinos, con lo que vuelvo al principio.

y todo lo que he intentado hacer es justamente para eso, es decir, guardar el archivo con caracteres latinos (ñ,á,é,...)

un saludo,
josé carlos.

[evoarte]

Código Javascript:

oXML = AJAXCrearObjeto();
        oXML.open('POST',pagina,true);
        oXML.setRequestHeader("Content-Type", "application/x-www-form-urlencoded", "Charset=ISO-8859-15");
        oXML.onreadystatechange = leerDatosTX;
        oXML.send(cadenaFormulario);
 

así es como conecto mediante ajax, y no tengo problemas con los caracteres latinos, ¿cómo podría añadir setRequestHeader en la llamada ajax de jquery?

Código Javascript:

$.ajax({
                            type: "POST",
                            url: "delete.php",
                            data: {op:"delete",name:data[i]},
                            success: function(data, textStatus, XMLHttpRequest)
                            {
                                //alert(data);
                                pd.statusbar.hide(); //You choice to hide/not.
                            },
                            error: function(data, textStatus, XMLHttpRequest)
                            {
                                alert(data);
                            }
                        });
 

un saludo,
josé carlos.

[fhederico]

He revisado la funcion que realiza la subida y no he encontrado nada que permita realizar esta "conversion", lamentablemente no puedo ayudarte con eso, la unica "solucion" que te puedo dar, es que al otro lado en el archivo "upload.php" codifiques y cambies el nombre segun como tu lo desees, por ejemplo ocupando las funciones que te deje en un post mas arriba, asi al momento de moverlo (move_uploaded_file) le dejes un nombre sin caracteres extraños y retornes el mismo nombre, asi cuando lo desees eliminar quedaria con un nombre mas legible.

La subida del archivo y el envio del mismo lo realiza exclusivamente el JS "jquery.uploadfile", el cual a su vez llama a otro de forma interna llamado "jquery.form", los cuales son bastante extensos y no he encontrado bien la parte exacta en donde realiza el envio como para agregarle lo que requieres.

Mis disculpas.

Saludos

[evoarte]

al contrario, gracias por tu interés,
he conseguido que funcione al menos en chrome y firefox (el caso que en algunas pruebas que hice logré que funcionara también con explorer, realizando siempre cambios del lado del servidor)

he dejado upload.php:

Código PHP:

<?php header('Content-Type: text/html; charset=ISO-8859-15');
 
$output_dir = "uploads/";
if(isset($_FILES["myfile"]))
{
    $ret = array();
 
    $error =$_FILES["myfile"]["error"];
    //You need to handle  both cases
    //If Any browser does not support serializing of multiple files using FormData() 
    if(!is_array($_FILES["myfile"]["name"])) //single file
    {
        $fileName = utf8_decode($_FILES["myfile"]["name"] );
        move_uploaded_file($_FILES["myfile"]["tmp_name"],$output_dir.$fileName);
        $ret[]= utf8_encode($fileName);
    }
    else  //Multiple files, file[]
    {
      $fileCount = count($_FILES["myfile"]["name"]);
      for($i=0; $i < $fileCount; $i++)
      {
        $fileName = utf8_decode($_FILES["myfile"]["name"] );
        move_uploaded_file($_FILES["myfile"]["tmp_name"][$i],$output_dir.$fileName);
        $ret[]= utf8_encode($fileName);
      }
    
    }
    echo json_encode($ret);
 }
 ?>
 

delete.php

Código PHP:

<?php
 
$output_dir = "uploads/";
$fileName = utf8_decode($_POST['name']);
 
if(isset($_POST["op"]) && $_POST["op"] == "delete" && isset($fileName))
{
 
    $filePath = $output_dir. $fileName;
    if (file_exists($filePath))
    {
        unlink($filePath);
 
 
        echo "Deleted File ".$fileName."<br>";
    }
    else
        echo "No existe '".$fileName."'<br>";
}
 
?>
 

gracias por vuestra ayuda.

[fhederico]

Excelente, me alegro ^^

Pues si tu duda ya esta "resuelta" por favor, marcarla como solucionada, gracias :)