FrontEnd Developer / android-webview-file-upload

Download as
Browse Code ยป

Commit ddd4d382b0b37a4ffeb662fd44107e1443cda655

Authored by Andrei Pfeiffer
Committed by GitHub
1 parent 82c43dc9
Exists in master

Update index.html

Showing 1 changed file with 24 additions and 12 deletions   Show diff stats
docs/index.html
  Diff comments   View file @ddd4d38
... ... @@ -67,21 +67,33 @@
67 67 <input type="file" accept="image/*, video/*" />
68 68 </label>
69 69 </p>
  70 + <br>
  71 + <p>
  72 + <label>
  73 + <strong>Multiple files</strong>
  74 + <br>
  75 + <input type="file" multiple />
  76 + </label>
  77 + </p>
70 78 </form>
71 79  
72 80 <script>
73   - const toggleMultiple = document.getElementById("toggle-multiple");
74   - const toggleMultipleText = toggleMultiple.querySelector("span").textContent;
75   - toggleMultiple.querySelector("input").addEventListener("change", event => {
76   - document.querySelectorAll("input[type='file']").forEach(input => {
77   - if (event.target.checked) {
78   - input.setAttribute("multiple", true);
79   - } else {
80   - input.removeAttribute("multiple");
81   - }
82   - toggleMultiple.querySelector("span").textContent = `${toggleMultipleText} (${event.target.checked.toString()})`;
83   - });
84   - })
  81 + try {
  82 + const toggleMultiple = document.getElementById("toggle-multiple");
  83 + const toggleMultipleText = toggleMultiple.querySelector("span").textContent;
  84 + toggleMultiple.querySelector("input").addEventListener("change", event => {
  85 + document.querySelectorAll("input[type='file']").forEach(input => {
  86 + if (event.target.checked) {
  87 + input.setAttribute("multiple", true);
  88 + } else {
  89 + input.removeAttribute("multiple");
  90 + }
  91 + toggleMultiple.querySelector("span").textContent = `${toggleMultipleText} (${event.target.checked.toString()})`;
  92 + });
  93 + })
  94 + } catch (e) {
  95 + alert(e);
  96 + }
85 97 </script>
86 98  
87 99 </body>
... ...