Ajax实现跨域上传文件

最新推荐文章于 2023-05-26 10:56:12 发布

疯癫的代码搬运工

最新推荐文章于 2023-05-26 10:56:12 发布

阅读量1.3k

点赞数

分类专栏：前端 js jQuery 文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_41531600/article/details/106588878

版权

前端同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

jQuery

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>aaaa</title>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

</head>
<body>
    <input type="file" id="file_upload"/>
    <input type="button" value="上传图片" id="upload"/>            
</body>


<script type="text/javascript">
    $(function() { 
        function ajaxFileUpload(){
            var formData = new FormData();
            formData.append('file',$("#file_upload")[0].files[0]);    //将文件转成二进制形式
            $.ajax({
                type:"post",
                url:"http://127.0.0.1：8080/demo......",//后台接口
                async:false,
                contentType: false,    //这个一定要写
                processData: false, //这个也一定要写，不然会报错
                data:formData,
                dataType:'text',    //返回类型，有json，text，HTML。这里并没有jsonp格式
                success:function(data){
                    console.log(data);
                },
                error:function(XMLHttpRequest, textStatus, errorThrown, data){
                    console.log(errorThrown);
                }            
            });
        }
    

    $("#upload").click(function(){
        ajaxFileUpload();
    });

});
</script>
</html>

疯癫的代码搬运工

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Ajax实现跨域上传文件

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>aaaa</title> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script></head><body> <input type=
复制链接

扫一扫