回答編集履歴

サンプルプログラム追加

2017/10/28 07:23

投稿

スコア769

test CHANGED Viewed

@@ -173,3 +173,85 @@
 （略）
 ```
+## サンプルプログラム
+```html
+<html>
+    <body>
+        <form id="form1" method="post" action="/upload">
+            <input type="file" id="file" name="file" onchange="handleFiles(this.files)" />
+        </form>
+        <script>
+            function handleFiles(files) {
+                var file = files[0];
+                // ArrayBuffer
+                var reader = new FileReader();
+                reader.readAsArrayBuffer(file);
+                reader.onload = function () {
+                    upload(reader.result, file.type);
+                };
+                // Blob
+                upload(file);
+                // FormData
+                var formData = new FormData();
+                formData.append("image", file);
+                upload(formData);
+            }
+            function upload(data, type = null) {
+                var xhr = new XMLHttpRequest();
+                xhr.open(form1.method, form1.action);
+                if (type !== null) {
+                    xhr.setRequestHeader('Content-Type', type);
+                }
+                xhr.send(data);
+            }
+        </script>
+    </body>
+</html>
+```