tt

2025-10-08 09:27:27 +07:00
commit 601e9d364f
2 changed files with 38 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <img style="width: 50px; height: 50px;" src="" alt="file ban upload">
+    <form onsubmit="upload(event)">
+        <input name="icon" type="file">
+        <button>upload</button>
+    </form>
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="main.js"></script>
+</body>
+</html>
--- a/main.js
+++ b/main.js
@@ -0,0 +1,21 @@
+function upload(e) {
+    e.preventDefault()
+
+
+    let files = e.target.icon.files
+
+    console.log("da vao", files[0])
+
+    let formData = new FormData()
+    formData.append("file", files[0])
+    formData.append("upload_preset", "testpreset")
+    formData.append("cloud_name", "dusw32tsq")
+
+    axios.post("https://api.cloudinary.com/v1_1/dusw32tsq/image/upload",
+formData
+    )
+    .then(res => {
+        console.log("thanh2 cong6", res)
+        document.querySelector("img").src = res.data.secure_url
+    })
+}