Title: Selecting files not working Last modified: May 28, 2024 --- # Selecting files not working * [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/) * I have v1.3.7.7 installed. File uploading has problems with the field. The plugin is set to use jQuery because regular JS mode does not work on this site – the“ Choose files” link does nothing when clicked. * So with “Enable jQuery” enabled the clicking of “Choose files” works where I can select a file and it is uploaded, but drag and drop does not work. With drag and drop a message is displayed “The uploaded file exceeds the maximum upload size of your server.” This is with small files, 12K and 37K in my tests. That does not occur with the clicking of “Choose files”. This is not a problem PHP upload size limit. * Tested on Firefox and Chrome. Page HTML has been validated. * What is causing this? Here’s the page: [https://www.multiviewfurniturerepair.com/#requestandestimate](https://www.multiviewfurniturerepair.com/#requestandestimate) - This topic was modified 1 year, 11 months ago by [Mark](https://wordpress.org/support/users/wpsec/). - This topic was modified 1 year, 11 months ago by [Mark](https://wordpress.org/support/users/wpsec/). * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fselecting-files-not-working%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 12 replies - 1 through 12 (of 12 total) * Plugin Author [Glen Don Mongaya](https://wordpress.org/support/users/glenwpcoder/) * (@glenwpcoder) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17787799) * Hello [@wpsec](https://wordpress.org/support/users/wpsec/) , * I tried to access the link but it seems not accessible in my end, maybe there’s firewall or some kind of restrictions. * Can you provide the following details? 1. Screenshot of your form under “Contact -> Edit Contact -> Form”? (like this- [https://ibb.co/sbJ7sLC](https://ibb.co/sbJ7sLC)) 2. Screenshot of Contact -> Drag & Drop Upload settings 3. Check your max upload limit in WordPress -> Media Library (like this – [https://ibb.co/Yyd3CVT](https://ibb.co/Yyd3CVT)) * Please let me know. * Glen * Thread Starter [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789253) * Hi Glen, thanks for your assistance. * The site is using Cloudflare so that might be preventing your access. I don’t have any control over the Cloudflare aspects of the site at this time so I can’t check into that further. But try to view it again just in case the site was temporarily offline for whatever reason. * Max upload on the site is 128MB, confirmed via Media Library upload section. * Form config: [https://ibb.co/2YTvV2g](https://ibb.co/2YTvV2g) * Drag and drop settings: [https://ibb.co/Pjn5Gzy](https://ibb.co/Pjn5Gzy) * Plugin Author [Glen Don Mongaya](https://wordpress.org/support/users/glenwpcoder/) * (@glenwpcoder) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789290) * Thanks [@wpsec](https://wordpress.org/support/users/wpsec/) yeah it seems the[ mfile] tag configuration is correct, and your max upload limit is good enough to handle large file. Maybe there’s some kind of restrictions on the server that doesn’t allow to upload files or something. * The link/website is still not accessible [https://ibb.co/FwNjWJY](https://ibb.co/FwNjWJY) * Can you try and inspect element and see what on the response? * See this for your reference – [https://drive.google.com/file/d/1aCrr8WbYq0211ENKa28SYmh2_L41V6mV/view?usp=sharing](https://drive.google.com/file/d/1aCrr8WbYq0211ENKa28SYmh2_L41V6mV/view?usp=sharing) * Thread Starter [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789365) * Glen I can upload files using the “Browse” link, what does not work is dragging and dropping a file from a file manager. I open a file manager on my system and open the form web page in my browser. I grab an image file in the file manager and drag it over to the form’s file upload section. At that point the border around that field highlights (border turns darker and bolder to show it’s the active target). Then I drop the file over the form field and nothing happens, the file is not uploaded. And at that time in the browser inspector there is no network activity. - This reply was modified 1 year, 11 months ago by [Mark](https://wordpress.org/support/users/wpsec/). * Thread Starter [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789398) * Also, there are no Javascript errors in the console. * Plugin Author [Glen Don Mongaya](https://wordpress.org/support/users/glenwpcoder/) * (@glenwpcoder) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789407) * Thanks [@wpsec](https://wordpress.org/support/users/wpsec/) maybe there’s a javascript conflict with the other plugins or custom script from your theme that may be triggering when the file is drag/dropped. * I’d like to help but I cannot access your site. Maybe you could try activating/ deactivating plugins or switching to another theme to troubleshoot the issue. * Please let me know. * Thread Starter [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789416) * Testing further, drag and drop works in Google Chrome when dragging a file from a file manager onto the form, but does not work in Firefox or Chromium browsers. In Firefox nothing happens, in Chromium I see the message stating that “The uploaded file exceeds the maximum upload size of your server.” * Plugin Author [Glen Don Mongaya](https://wordpress.org/support/users/glenwpcoder/) * (@glenwpcoder) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789458) * Okay, thank you for the information. It might be a browser compatibility issue. * I will check and see if I can replicate the issue and apply a possible fix. * Are you using a Mac or a Windows? * Thread Starter [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17789537) * Using Linux, Ubuntu. * Firefox 125.0.3 * Chromium: 113.0.5672.126 * Thread Starter [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17791764) * Any update on this? * Plugin Author [Glen Don Mongaya](https://wordpress.org/support/users/glenwpcoder/) * (@glenwpcoder) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/#post-17793009) * [@wpsec](https://wordpress.org/support/users/wpsec/) I’ve checked with Mac and Windows using Firefox, and I don’t see any issues. * Currently, I don’t have Ubuntu OS, but I will try to find it or see if someone else can help us. * I’ve made a changes on the JS file under our plugin **_“/assets/js/codedropz- uploader-jquery.js”_** file to logs files info after dropping the files _(use the code on the link below and replace the old version)_, after that, please test it in your Firefox and let me know if you see anything on the browser ** Console** logs. * [https://pastebin.com/raw/CKwpbbSM](https://pastebin.com/raw/CKwpbbSM) * Please let me know. * Glen * Thread Starter [Mark](https://wordpress.org/support/users/wpsec/) * (@wpsec) * [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/page/2/#post-17794555) * Using your modified JS file, the drop event is triggered. But nothing is in the file list object. Here’s the output from the console: * ```wp-block-code FileList [] ​ length: 0 ​ : FileListPrototype { item: item(), length: Getter, … }Object { originalEvent: drop, type: "drop", isDefaultPrevented: Ne(), target: div.codedropz-upload-inner, currentTarget: div.codedropz-upload-handler, relatedTarget: null, timeStamp: 20471, jQuery37109784926069615019: true, delegateTarget: div.codedropz-upload-handler , handleObj: {…}, … } ​ currentTarget:
​ data: undefined ​ delegateTarget:
​ handleObj: Object { type: "drop", origType: "drop", guid: 21, … } ​ isDefaultPrevented: function Ne()​ isPropagationStopped: function Ne() ​ jQuery37109784926069615019: true ​ originalEvent: drop { target: div.codedropz-upload-inner , buttons: 0, clientX: 726, … } ​​ altKey: false ​​ bubbles: true ​​ button: 0 ​​ buttons: 0 ​​ cancelBubble: false ​​ cancelable: true ​​ clientX: 726 ​​ clientY: 651 ​​ composed: true ​​ ctrlKey: false ​​ currentTarget: null ​​ dataTransfer: DataTransfer { dropEffect: "move", effectAllowed: "uninitialized", mozCursor: "auto", … } ​​​ dropEffect: "move" ​​​ effectAllowed: "uninitialized" ​​​ files: FileList [] ​​​​ length: 0 ​​​​ : FileListPrototype { item: item(), length: Getter, … } ​​​ items: DataTransferItemList { 0: DataTransferItem, 1: DataTransferItem, length: 2 } ​​​​ 0: DataTransferItem { kind: "string", type: "text/x-moz-url" } ​​​​ 1: DataTransferItem { kind: "string", type: "text/plain" } ​​​​ length: 2 ​​​​ : DataTransferItemListPrototype { add: add(), remove: remove(), clear: clear(), … } ​​​ mozCursor: "auto" ​​​ mozSourceNode: null ​​​ mozUserCancelled: false ​​​ types: Array [ "text/x-moz-url", "text/plain" ] ​​​ : DataTransferPrototype { setDragImage: setDragImage(), getData: getData(), setData: setData(), … } ​​ defaultPrevented: true ​​ detail: 0 ​​ eventPhase: 0 ​​ explicitOriginalTarget:
​​ isTrusted: true ​​ layerX: 303 ​​ layerY: 24 ​​ metaKey: false ​​ movementX: 0 ​​ movementY: 0 ​​ offsetX: 0 ​​ offsetY: 0 ​​ originalTarget:
​​ pageX: 726 ​​ pageY: 3413 ​​ rangeOffset: 0 ​​ rangeParent: null ​​ relatedTarget: null ​​ returnValue: false ​​ screenX: 2344 ​​ screenY: 808 ​​ shiftKey: false ​​ srcElement:
​​ target:
​​ timeStamp: 20471 ​​ type: "drop" ​​ view: Window https://www.multiviewfurniturerepair.com/#requestandestimate ​​ which: 1 ​​ x: 726 ​​ y: 651 ​​ : function isTrusted() ​​ : DragEventPrototype { initDragEvent: initDragEvent(), dataTransfer: Getter, … } ​ relatedTarget: null ​ target:
​ timeStamp: 20471 ​ type: "drop" ​ : Object { constructor: Event(e, t), isDefaultPrevented: qe() , isSimulated: false, … } ​​ altKey: ​​ bubbles: ​​ button: ​​ buttons: ​​ cancelable: ​​ changedTouches: ​​ char: ​​ charCode: ​​ clientX: ​​ clientY: ​​ code: ​​ constructor: function Event(e, t)​​ ctrlKey: ​​ detail: ​​ eventPhase: ​​ isDefaultPrevented: function qe()​​ isImmediatePropagationStopped: function qe()​​ isPropagationStopped: function qe() ​​ isSimulated: false ​​ key: ​​ keyCode: ​​ metaKey: ​​ offsetX: ​​ offsetY: ​​ pageX: ​​ pageY: ​​ pointerId: ​​ pointerType: ​​ preventDefault: function preventDefault()​​ screenX: ​​ screenY: ​​ shiftKey: ​​ stopImmediatePropagation: function stopImmediatePropagation()​​ stopPropagation: function stopPropagation()​​ targetTouches: ​​ toElement: ​​ touches: ​​ view: ​​ which: ``` - This reply was modified 1 year, 11 months ago by [Mark](https://wordpress.org/support/users/wpsec/). Viewing 12 replies - 1 through 12 (of 12 total) The topic ‘Selecting files not working’ is closed to new replies. * ![](https://ps.w.org/drag-and-drop-multiple-file-upload-contact-form-7/assets/ icon-128x128.jpg?rev=1984850) * [Drag and Drop Multiple File Upload for Contact Form 7](https://wordpress.org/plugins/drag-and-drop-multiple-file-upload-contact-form-7/) * [Frequently Asked Questions](https://wordpress.org/plugins/drag-and-drop-multiple-file-upload-contact-form-7/#faq) * [Support Threads](https://wordpress.org/support/plugin/drag-and-drop-multiple-file-upload-contact-form-7/) * [Active Topics](https://wordpress.org/support/plugin/drag-and-drop-multiple-file-upload-contact-form-7/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/drag-and-drop-multiple-file-upload-contact-form-7/unresolved/) * [Reviews](https://wordpress.org/support/plugin/drag-and-drop-multiple-file-upload-contact-form-7/reviews/) * 17 replies * 2 participants * Last reply from: [Mark](https://wordpress.org/support/users/wpsec/) * Last activity: [1 year, 11 months ago](https://wordpress.org/support/topic/selecting-files-not-working/page/2/#post-17794555) * Status: not resolved