subir plugin para imagenes ejemplo dropzone drop con archivos and php javascript html drag-and-drop applet

php - plugin - Arrastrar y soltar imagen en un formulario web



subir archivos drag and drop jquery (8)

Dejar caer un archivo en un campo de entrada normal copiará la ruta local a la imagen en el campo de entrada, sin embargo, esto no tiene valor para usted ya que la propiedad .value de una etiqueta <input type = ''file''> es de solo lectura por razones de seguridad.

Notará que gmail solo le permite arrastrar / soltar una imagen (para subirla) a la entrada <input type = ''file''> y no a ningún otro campo.

Creo que lo que quieres preguntar es "cómo doy estilo a una etiqueta <input type = ''file''> como google" , que es un tema totalmente distinto.

EDITAR: Ok en IE no puedes arrastrar un archivo a una etiqueta <input type = ''file''>

Tenemos una página web (HTML javascript y PHP en su mayoría) que permite a un usuario subir una imagen. Tenemos el botón de navegación normal, y funciona bien. Sin embargo, queremos agregar la funcionalidad para arrastrar y soltar una imagen en el campo de texto.

gmail le permite hacer esto en su aplicación de correo, por lo que es posible. La única forma en que pensamos hacerlo es crear un applet Java que haga todo esto, pero eso termina siendo muy desordenado.

¿Alguien ha hecho esto? ¿como funciona?

Editar: estoy usando Firefox en una Mac. La mayoría de mis usuarios probablemente usará IE en Windows.

Gracias

He intentado arrastrar una caída e imagen de su editor. Recogerá la ruta si el archivo está en una página web, pero si está en su disco local, la ruta será "file: // c: ....", que no se cargará con el mensaje y lo hará terminar como una imagen rota.

El navegador no tiene acceso al sistema de archivos local, por razones de seguridad, así que dudo que esto funcione alguna vez de la manera que usted describe.

Puedes hacer esto en XUL (convirtiéndolo efectivamente en una solución solo para Firefox) o en ActiveX (una solución solo para IE).

¿Por casualidad tienes esta extensión de Firefox instalada?

http://www.teslacore.it/wiki/index.php?title=DragDropUpload

Me sorprendería si hay una solución sin tener que instalar un complemento externo o extensión. Como alguien mencionó eso sería un problema de seguridad. Un sitio web podría tomar archivos de las computadoras de las personas y subirlos sin su conocimiento.

Creo que tengo que esquivar los molestos sistemas de archivos locales FF3, pero necesito un javascript para probar. ¿Cómo leo la ruta del archivo local desde el formulario de carga de archivos? Por favor, deténganse con el ''flash es una solución''. Soy un desarrollador Flash de oficio e incluso no creo que sea una buena solución.

Vea el Marco SWELL. Está basado en javascript.