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
    })
 }