ajax文件上传

最新推荐文章于 2024-05-29 07:00:00 发布

大海中一粒沙子

最新推荐文章于 2024-05-29 07:00:00 发布

阅读量207

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/u013730110/article/details/109437096

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <input type="file" name="photo" id="photo" value="" placeholder="免冠照片">
    <input type="button" onclick="postData();" value="下一步" name="" style="width:100px;height:30px;">
</body>
</html>
<script src="C:\Users\Administrator\Downloads\YiShaAdmin-master\YiShaAdmin-master\YiSha.Web\YiSha.Admin.Web\jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    function postData() {
        var formData = new FormData();
        formData.append("file", $("#photo")[0].files[0]);
        $.ajax({
            url: 'http://localhost:8080/api/powerStation/uploadMap', /*接口域名地址*/
            type: 'post',
            data: formData,
            contentType: false,
            processData: false,
            success: function (res) {
                console.log(res.data);
                if (res.data["code"] == "succ") {
                    alert('成功');
                } else if (res.data["code"] == "err") {
                    alert('失败');
                } else {
                    console.log(res);
                }
            }
        })
    }
</script>

大海中一粒沙子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
ajax文件上传

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body> <input type="file" name="photo" id="photo" value="" placeholder="免冠照片"> <input type="button" oncl
复制链接

扫一扫