AjaxForm posting file in Chrome83 is not anymore working - Githubissues

jquery-form / form

jQuery Form Plugin

https://jquery-form.github.io/form/

GNU Lesser General Public License v2.1

5.19k stars 2.14k forks source link

AjaxForm posting file in Chrome83 is not anymore working #581

Closed enrybisco closed 4 years ago

enrybisco commented 4 years ago

Please review Instructions for Reporting a Bug.

Description: AjaxForm posting file in Chrome83 is not anymore working

Expected Behavior:Upload a file

Actual behavior:No uploading because of this: The problem is that the library is creating an , with an src attribute, and listens for the load event of that iframe right after it did.</h3> <p>Since this iframe has an src attribute, Chrome will start its loading, and since its src is a fake url, this operation actually is resolved synchronously, meaning that the load event is already set to fire at the next event-loop iteration. So the one load event this library is receiving is that initial load event, of an empty document, and not the one of the real request.</p> <p>To fix that maybe, all you need is to remove this src="javascript:false;" from the plugin</p> <h3>Versions:</h3> <p><strong>LoadJSON:</strong><br /> <strong>jQuery:</strong><br /> <strong>Browsers:</strong> </p> <h3>Demonstration</h3> <p>Link to demonstration of issue in <a rel="noreferrer nofollow" target="_blank" href="https://jsfiddle.net/">JSFiddle</a> or <a rel="noreferrer nofollow" target="_blank" href="https://codepen.io/">CodePen</a>: <a rel="noreferrer nofollow" target="_blank" href="https://stackoverflow.com/questions/62006020/chrome-83-cannot-upload-file">https://stackoverflow.com/questions/62006020/chrome-83-cannot-upload-file</a></p> <h3>Steps to reproduce:</h3> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/enrybisco"><img src="https://avatars.githubusercontent.com/u/29230300?v=4" />enrybisco</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>No issue w this. I have found a duplicated id='myForm'</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>