基于ajax上传文件,提示 The current request is not a multipart request

最新推荐文章于 2024-03-10 17:19:02 发布

置顶 uk宇

最新推荐文章于 2024-03-10 17:19:02 发布

阅读量6.4k

点赞数

分类专栏：前端问题文章标签： ajax

本文链接：https://blog.youkuaiyun.com/ukyu200/article/details/90516999

版权

前端问题专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在使用Ajax上传文件时遇到的错误——'The current request is not a multipart request'，并提供了解决方案。通过对比示例代码，读者可以了解如何正确实现Ajax文件上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为想上传文件然后后台给出回应,前台进行提示上传是否成功
所以用form表单直接上传是不可以的,所以选用了ajax进行上传.

用ajax时,出现了题目中的问题,找了半天,将其解决.可以对照看看

上代码

        <input  id="file" type="file" name="file" title="选择文件" ><br>

js代码:

 function uploadfile() {
	        var formData = new FormData();
	        formData.append("file",$('#file')[0].files[0])
	        var filename = $('#file')[0].files[0].name
	        // alert(window.location.host)
        $.ajax({
            type:'POST', 					//这是必须写的,我就是忘了写其格式,就出现了该错误
            url :'/upload',
            data:formData,
            processData: false,			//对数据不做处理
            cache:false,      				//上传文件不需要缓存
            contentType: false,
            mimeType:"multipart/form-data",
            success:function (data) {					
                    Messenger().post({						//这是一个提示的小插件
                        message : filename + "上传成功",
                        // hideAfter: 10
                    })
                    setTimeout(function () {
                        window.location.reload()
                    },1000)
            }
        })
    }

//当选择文件后,自动上传文件
    $(function () {
        var input = $('#file');
        input.change(function () {

            if($(this).val()!='')
                uploadfile()
        })
    })