jquery 进行ajax 传输文件后台解析问题

最新推荐文章于 2024-03-28 17:16:20 发布

逍遥侯之水流云

最新推荐文章于 2024-03-28 17:16:20 发布

阅读量1.2k

点赞数

分类专栏： js Laravel

本文链接：https://blog.csdn.net/qq_16877261/article/details/80980794

版权

Laravel 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

$("#img_input").on("change", function (e) {
                let formData = new FormData();
                let file_data = $("#img_input").prop("files")[0];
                // 把上传的数据放入form_data
                formData.append("img", file_data);
                //  使用此方法进行 图片传输  无法传输
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    method: "post", // 上传文件要用POST
                    url: "{{ url('/handle_image') }}",
                    dataType: "json",
                    processData: true,  // 注意：不要 process data
                    //contentType: "multipart/form-data",  // 注意：不设置 contentType
                    data: formData,
                    success: function (res) {
                        alert(res);
                    }
                })

这是使用FormData进行文件传输的一个例子。

通过laravel的dd 函数打印$_FILES 为空，打印$_REQUEST 如下：

后台无法解析，具体原因探究不出来。

换一种方法进行文件传输就可以

formData.append('_token', $('meta[name="csrf-token"]').attr('content'));
                var request = new XMLHttpRequest();
                request.open("POST", "{{url('/handle_image')}}");
                request.send(formData);
                request.onload = function (oEvent) {


                    if (request.status == 200) {

                        alert("存储成功！");

                    } else {

                        alert("存储失败！");
                    }
                };

仅仅记录下