FormData解决ajax上传文件的问题及ajax跨域

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

qq_37306468

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

阅读量3k

点赞数

分类专栏： javascript 文章标签：阿贾克斯

本文链接：https://blog.csdn.net/qq_37306468/article/details/76695717

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

通过FormData对象可以组装一组用XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart / form-data，则通过FormData传输的数据格式和表单通过submit（）方法传输的数据格式相同* Html代码部分*

<div id =“uploadForm”> <input id =“file”type =“file”name = “musicname”/> <button id =“upload”type =“button”> upload </ button> </ div>
* javaScript *

“` $（function（）{$ （“#upload” ）.click（function（）{ var formData = new FormData（）; formData.append（'file'， $（'＃file'）[0] .files [0]）;$ .ajax（{ url：’ http://127.0.0.1:8080/xxxx 类型：’POST’，

            cache：false，                data：formData，                processData：false，//不处理数据                contentType：false //不设置内容类型            }）。done（function（res）{             }）。fail（function（res）{}）;         }）;     }）; ```FormData对象的字段类型可以是Blob，File或者字符串：

response.setHeader（“Access-Control-Allow-Origin”，“*”）; response.setHeader（“Access-Control-Allow-Methods”，“POST，GET”）;