codigo para adjuntar archivos

jcamacho · #1 (**permalink**) 15/05/2015, 13:14

buenos dias quisiera saber si existe la posibilidad de cuando se este utilizando el código para adjuntar archivos pueda validar que solo sean de extension pdf en el momento que el usuario le de clic a examinar o colocar alguna validacion de cualquier tipo antes de hacer submit a mi pagina, no me gusta que fuera despues porque tendria que estar controlando la información de los demas objetos para que no los pierda el codigo es el siguiente:

<script type="text/javascript">
var numero = 0;

// Funciones comunes
c= function (tag) { // Crea un elemento
return document.createElement(tag);

}
d = function (id) { // Retorna un elemento en base al id
return document.getElementById(id);
}
e = function (evt) { // Retorna el evento
return (!evt) ? event : evt;
}
f = function (evt) { // Retorna el objeto que genera el evento
return evt.srcElement ? evt.srcElement : evt.target;
}

addField = function () {
document.getElementById('etiqueta').style.display = "none";
container = d('files');

span = c('SPAN');
span.className = 'file';
span.id = 'file' + (++numero);

field = c('INPUT');
field.name = 'archivos[1]';
field.type = 'file';
field.size = '5';

a = c('A');
a.name = span.id;
a.href = '#';
a.onclick = removeField;
a.innerHTML = 'Quitar';

span.appendChild(field);
span.appendChild(a);
container.appendChild(span);
}
removeField = function (evt) {
document.getElementById('etiqueta').style.display = "inline";
lnk = f(e(evt));
span = d(lnk.name);
span.parentNode.removeChild(span);
}

<html>

<dl>
<dt><label id="etiqueta" style="display:inline;" href="#" onclick="addField()" accesskey="5">Agregar Archivo</label></dt>
<dd><div id="files"></div></dd>
</dl>
</html>

Alexis88 · #2 (**permalink**) 15/05/2015, 14:01

Esto es algo que puedes hacer ya sea con HTML, JavaScript o PHP, aunque lo ideal es que lo hagas con los tres y, aún más importante, con PHP, puesto que el usuario no puede modificar lo que sucede en el lado del servidor.

En el elemento HTML, puedes usar el atributo accept.

Código HTML:

Ver original<input type = "file" accept = "application/pdf" />

Con JavaScript, puedes tomar la extensión del archivo a partir del último punto que es en donde empieza el nombre de la extensión, para lo cual puedes usar los métodos substr, para tomar la porción del nombre del archivo en donde está la extensión, y lastIndexOf, para indicar el punto desde el cual el método substr tomará la parte del nombre que se necesita.

Código Javascript:

Ver originalvar input = document.querySelector("[type=file]"), //Tomamos al <input type = "file" />
    posPunto = input.value.lastIndexOf("."), //Tomamos la posición del último punto
    extension = input.value.substr(input.value, posPunto + 1); //Tomamos la extensión
 
//Como la extensión puede no estar en minúsculas, la convierto con el método 'toLowerCase'
//Una vez convertida a minúsculas, verifico si no es igual a 'pdf'
if (extension.toLowerCase() != "pdf"){
    alert("El archivo no es un PDF");
}

Y con PHP, puedes usar las funciones de FileInfo.

Saludos

jcamacho · #3 (**permalink**) 15/05/2015, 17:40

demasiado buena y explicada tu respuesta muchas gracias lo probare y respondere como me fue muchas gracias.....

hasdpk · #4 (**permalink**) 16/05/2015, 02:52

Si lo que quieres es traer los datos del array B que no existen en el array A, puedes usar array_diff(), y en el caso de querer unirlas, puedes usar array_merge().