【Javascript】【上传文件】原生javascript代码实现文件上传

最新推荐文章于 2023-10-06 18:03:41 发布

ByteFlys

最新推荐文章于 2023-10-06 18:03:41 发布

阅读量231

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/u013718730/article/details/98514155

版权

javascript 专栏收录该内容

107 篇文章 6 订阅

订阅专栏


<!DOCTYPE html>
<html>
    <body>
        <input id="file" type="file" multiple>
        <button id="button">Commit</button>
    </body>

    <script type="module">
        document.querySelector("#button").onclick = function () {
            let fileObj = document.querySelector("#file").files[0];
            let url = "http://120.79.226.165:7080/xuanjiao/file/upload";
            let form = new FormData();
            form.append("file", fileObj);
            let request = new XMLHttpRequest();
            request.open("post", url, true);
            request.onload = function () {
                let response = JSON.parse(request.responseText);
                alert(response.data.url);
            };
            request.send(form);
        };
    </script>
</html>