jquery用formada发送文件到服务器

Posted smile-fanyin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery用formada发送文件到服务器相关的知识,希望对你有一定的参考价值。

var formdata = new FormData();
formdata.append("file", $("#Input")[0].files[0]); //注意此处使用append方法
$.ajax({
    type: "post",      // 给服务器发送文件是post方法
    url: ‘http://192.168.15.63:8093/excel/import?type=3‘, //url看项目的具体接口
    data: formdata,     //注意此处发送的为formdata对象
    contentType: false, // 不设置内容类型
    processData: false, // 不处理数据
    dataType: "json",   //希望接受的数据类型是json
    success: function (data) {
        // 请求成功后要执行的代码
    },
    error: function (data) {
        // 请求失败后要执行的代码
    }
});

注意:

  1、在控制台打印出 formdata 对象的时候,直接查看是为空的。formdata对象有一个get方法,可以用 formdata.get("file") 来查看上传文件的具体信息

  2、此处可以没有form标签包裹,直接就是input标签,此时用append方法,有form标签包裹的时候,是另一种写法,具体百度。

以上是关于jquery用formada发送文件到服务器的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 jquery 将数据从本地存储发送到后端

jQuery中读取json文件示例代码

jQuery中读取json文件示例代码

上传文件时cors和jquery出现问题

码分复用

用java给html文件添加必要的控制html代码片