Menu
▾
▴
Re: [Htmlunit-user] How to upload files? (javascript)
|
From: José R. | I. S.L. <jr...@id...> - 2017-08-11 11:39:30
|
Great suggestion. Thanks a lot! El 11 ago. 2017 10:47 a. m., "Albu Gmail" <alb...@gm...> escribió: > Not a specific answer to your question but generally it's a good idea to > use htmlunitscripter Firefox extension to have a first idea of what sort of > code to write for a specific action. > > With it you can record your action and retrieve a code sequence by using > htmlunit. I used it very often and it saved me a lot of time. > > > Le 10/08/2017 à 02:13, Guang Chao a écrit : > > > > On Thu, Aug 10, 2017 at 12:58 AM, José Román | Idiria S.L. < > jr...@id...> wrote: > >> Hi, >> >> The web page I am working with has a javascript mechanism to attach some >> files (images). The thing is that I cannot understand how to do it. There >> are to methods; a) with direct drag & drop (which I understand is not >> possible under HTMLUnit), b) through selection dialog. The thing is that I >> don't know how to: >> >> 1.- Open the selection dialog (or simulate it). >> 2.- Make JS process the selected files. >> >> The thing is that this is the first time I have to deal woth >> HTMLUnit+Javascript and I am too new to understand how to invoke things >> from Java to Javascript. >> >> It is clear the "upload-all" button does start the submission but I >> cannot see how Javascript behaves when dropping an image. If I could >> perhaps I could understand mechanics behind and imagine how to do things by >> myself... Is there a way to make a "step-by-step" debugging with this JS >> code? >> >> Here you are the code of interest for this problem: >> >> <td class="main"> >> >> <script src="https://static.milanuncios.com/js/fotos/dropzone.4.2.0. >> min.js" type="text/javascript"></script> >> <script src="https://static.milanuncios.com/js/fotos/exif.js" >> type="text/javascript"></script> >> <script src="https://static.milanuncios.com/js/fotos/dropzone-exif- >> extension.js" type="text/javascript"></script> >> <link rel="stylesheet" href="https://static.milanunci >> os.com/css/fotos/dropzone.min.css"> >> >> <script type="text/javascript"> >> function ver(id) { >> document.getElementById(id).style.position = 'absolute'; >> document.getElementById(id).style.display = 'inline'; >> document.getElementById(id).style.visibility = "visible"; >> document.getElementById(id).style.zIndex = '10000'; >> } >> >> Dropzone.options.photoUploader = { >> init: function() { >> var myDropzone = this; >> this.__photoId = 0; >> this.__uploadingPhotos = false; >> this.__isPhotoUploadDone = false; >> this.__errorMessagePrevious = ""; >> >> this.on("thumbnail", function(file){ >> ExifExtension.applyRotation(file); >> }); >> >> this.on("success", function() { >> if(this.__uploadingPhotos) >> this.processQueue(); >> }); >> >> this.options.url = function(files) { >> if (files.length !== 1) { >> alert("Error interno 5690, por favor intentalo >> más tarde"); >> return; >> } >> >> var localPhotoId = ++myDropzone.__photoId; >> >> return >> "/images/upload-image-auth.php?&idanuncio=239851259&clave= >> MldFNw%3D%3D&numfoto="+localPhotoId; >> }; >> >> this.on("processing", function() { >> ver('espera'); >> document.getElementById('upload-all').disabled = >> true; >> }); >> >> this.on("drop", function() { >> this.__errorMessagePrevious = ""; >> }); >> >> this.on("error", function(file, errorMessage) { >> console.log("error: ", errorMessage); >> if (file.status == "error") { >> if (!file.accepted) { >> this.removeFile(file); >> } else { >> errorMessage = this.options.dictResponseError >> ; >> } >> if (errorMessage != this.__errorMessagePrevious) { >> this.__errorMessagePrevious = errorMessage; >> alert(errorMessage); >> } >> } >> if(this.__uploadingPhotos) >> this.processQueue(); >> }); >> >> this.on("queuecomplete", function() { >> this.__isPhotoUploadDone = true; >> window.location = 'http://www.milanuncios.com/pu >> blicado/?idanuncio=239851259&contra=2WE7'; >> }); >> >> var submitButton = document.getElementById("upload-all"); >> submitButton.addEventListener("click", function() { >> myDropzone.__uploadingPhotos = true; >> if (myDropzone.getQueuedFiles().length == 0) { >> myDropzone.emit("queuecomplete", ""); >> } >> else { >> ver('espera'); >> myDropzone.processQueue(); >> } >> }); >> >> var dropArea = document.getElementById("dropArea"); >> dropArea.addEventListener("click", function() { >> // Clean all the previous error messages >> myDropzone.__errorMessagePrevious = ""; >> }); >> }, >> paramName: "uploadFile1", >> parallelUploads: 1, >> maxFiles: 9, >> uploadMultiple: false, >> autoProcessQueue: false, // Prevents Dropzone from uploading >> dropped files immediately >> addRemoveLinks: true, >> maxThumbnailFilesize: 5, >> maxFilesize: 5, >> thumbnailWidth: 100, >> thumbnailHeight: 100, >> imageWidth: 800, >> imageHeight: 800, >> acceptedFiles: "image/jpeg, image/gif ,image/png", >> imageQuality: 0.8, >> dictDefaultMessage: "<strong>Arrastra tus fotos aquí <br/> o >> <br/> selecciónalas de tu equipo</strong><div class=\"btnAddPhoto\">Añadir >> fotos</div>", >> dictFallbackMessage: "Tu navegador no soporta arrastrar fotos >> directamente.", >> dictFallbackText: "Utiliza el método antiguo para subir >> fotos.", >> dictFileTooBig: "La fotos es demasiado grande.", >> dictInvalidFileType: "Formato no permitido. Asegúrate que tus >> fotos son JPG, JPEG, GIF o PNG.", >> dictResponseError: "Error al subir tus fotos. Por favor, >> inténtalo de nuevo más tarde.", >> dictCancelUpload: "Cancelar", >> dictCancelUploadConfirmation: "¿Estás seguro que deseas >> cancelar la subida?", >> dictRemoveFile: "Eliminar", >> dictRemoveFileConfirmation: "¿Estás seguro que deseas >> eliminar esta foto?", >> dictMaxFilesExceeded: "No puedes subir más de 9 fotos." >> }; >> >> window.onbeforeunload = function() { >> if (Dropzone && Dropzone.instances[0] && >> !Dropzone.instances[0].__isPhotoUploadDone) { >> return "¿Realmente quieres irte sin subir tus fotos?"; >> } >> }; >> </script> >> >> <div id="dropArea"> >> <form action="/images/upload-image-auth.php" >> method="post" class="dropzone dz-clickable" drop-zone="" id="photoUploader" >> enctype="multipart/form-data"><div class="dz-default >> dz-message"><span><strong>Arrastra tus fotos aquí <br> o <br> >> selecciónalas de tu equipo</strong><div class="btnAddPhoto">Añadir >> fotos</div></span></div></form> >> </div> >> >> <div class="uploadBtnBox"> >> <button id="upload-all" class="uploadBtn">Finalizar >> publicación</button> >> </div> >> </div> >> </div> >> >> >> > Working with JavaScript is case to case basis to make it work. When I > work with Selenium before, I need to change to different drivers on which > one will work for a specific site. Its really tricky. > > >> >> -- >> >> >> * José Román Bilbao Castro* >> >> Ingeniero Consultor >> +34 901009188 >> >> *jr...@id... <jr...@id...> **http://idiria.com >> <http://www.idiria.com/>* <*http:// <http://%20%20/>idiria.com/ >> <http://idiria.com/>*> >> >> -- >> Idiria Sociedad Limitada - Aviso legal >> >> Este mensaje, su contenido y cualquier fichero transmitido con él está >> dirigido únicamente a su destinatario y es confidencial. Por ello, se >> informa a quien lo reciba por error ó tenga conocimiento del mismo sin ser >> su destinatario, que la información contenida en él es reservada y su uso >> no autorizado, por lo que en tal caso le rogamos nos lo comunique por la >> misma vía o por teléfono (+ 34 690207492), así como que se abstenga de >> reproducir el mensaje mediante cualquier medio o remitirlo o entregarlo a >> otra persona, procediendo a su borrado de manera inmediata. >> >> Idiria Sociedad Limitada se reserva las acciones legales que le >> correspondan contra todo tercero que acceda de forma ilegítima al >> contenido de cualquier mensaje externo procedente del mismo. >> >> Para información y consultas visite nuestra web http://www.idiria.com >> >> >> >> Idiria Sociedad Limitada - Disclaimer >> This message, its content and any file attached thereto is for the >> intended recipient only and is confidential. If you have received this >> e-mail in error or had access to it, you should note that the information >> in it is private and any use thereof is unauthorised. In such an event >> please notify us by e-mail or by telephone (+ 34 690207492). Any >> reproduction of this e-mail by whatsoever means and any transmission or >> dissemination thereof to other persons is prohibited. It should be deleted >> immediately from your system. >> >> Idiria Sociedad Limitada reserves the right to take legal action against >> any persons unlawfully gaining access to the content of any external >> message it has emitted. >> >> For additional information, please visit our website >> http://www.idiria.com >> >> >> >> ------------------------------------------------------------ >> ------------------ >> Check out the vibrant tech community on one of the world's most >> engaging tech sites, Slashdot.org! http://sdm.link/slashdot >> _______________________________________________ >> Htmlunit-user mailing list >> Htm...@li... >> https://lists.sourceforge.net/lists/listinfo/htmlunit-user >> >> > > > -- > Guang > <http://javadevnotes.com/java-string-split-space-or-whitespace-examples> > > > ------------------------------------------------------------------------------ > Check out the vibrant tech community on one of the world's most > engaging tech sites, Slashdot.org! http://sdm.link/slashdot > > > > _______________________________________________ > Htmlunit-user mailing lis...@li...https://lists.sourceforge.net/lists/listinfo/htmlunit-user > > > > ------------------------------------------------------------ > ------------------ > Check out the vibrant tech community on one of the world's most > engaging tech sites, Slashdot.org! http://sdm.link/slashdot > _______________________________________________ > Htmlunit-user mailing list > Htm...@li... > https://lists.sourceforge.net/lists/listinfo/htmlunit-user > > |
