20936 2013-02-09 13:33:31 +0000 code example input breaks layout 2013-02-09 14:27:57 +0000 1 1 1 Unclassified webplatform.org infrastructure unspecified All All RESOLVED DUPLICATE 20935 P2 normal --- 1 mail schepers team-webplatform-admin public-webplatform-bugs oldest_to_newest 82842 0 mail 2013-02-09 13:33:31 +0000 This code example breaks the layout, though I don't know whats the reason for this: <!doctype html> <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <title>Image preview example</title> <script type="text/javascript"> oFReader = new FileReader(), rFilter = 'image/jpg'; oFReader.onload = function (oFREvent) { document.getElementById("uploadPreview").src = oFREvent.target.result; }; function loadImageFile() { if (document.getElementById("uploadImage").files.length === 0) { return; } var oFile = document.getElementById("uploadImage").files[0]; if (!rFilter.test(oFile.type)) { alert("You must select a valid image file!"); return; } oFReader.readAsDataURL(oFile); } </script> </head> <body onload="loadImageFile();"> <form name="uploadForm"> <table> <tbody> <tr> <td><img id="uploadPreview" style="width: 100px; height: 100px;" src="" alt="Image preview" /></td> <td><input id="uploadImage" type="file" name="myPhoto" onchange="loadImageFile();" /></td> </tr> </tbody> </table> <p><input type="submit" value="Send" /></p> </form> </body> </html> 82847 1 frozenice 2013-02-09 14:27:57 +0000 *** This bug has been marked as a duplicate of bug 20935 ***