使用JQuery和AJAX提交带有文件的表单

用户名

我有一个带有文件输入的表单,当我使用默认操作提交表单时,该表单可以很好地提交。但是,当我使用JQuery和AJAX进行对PHP文件的调用时,似乎无法获取该文件。通过JQUERY / AJAX发送文件时,我需要添加一些东西吗?

我的HTML:

<form id="photo-form" enctype="multipart/form-data" method="post" action="">
    <input type="hidden" name="MAX_FILE_SIZE" value="5000000"/>
    <input type="file" class="upload-input" name="upload-new-input" autocomplete="off"/>
    <input type="submit" name="submit" value="submit/>
</form>

我的JQuery:

$(document).ready(function() {
    $("#photo-form").submit(function(e) {

        e.preventDefault();

        var dataString = $(this).serialize();

        $.ajax({  
             type: "POST",  
             url: "uploadcover.php",  
             data: dataString,
             async: false,
             success: function(data) {
                 alert(data);
             }
        }); 

    });
});
克鲁纳尔·潘查尔(Krunal Panchal)

您可以使用FormData上传带有数据的文件

这是示例代码

jQuery查询

$("#photo-form").submit(function(e) {
        e.preventDefault();
        var formData = new FormData($(this)[0]);

        $.ajax({  
             type: "POST",  
             url: "uploadcover.php",  
             data: formData,
             async: false,
             cache: false,
             contentType: false,
             processData: false,
             success: function(data) {
                 alert(data);
             }
        }); 
        return false;
})

您可以在PHP上获得它

PHP代码

$Img = $_FILES['upload-new-input'];

您可以查看教程使用jquery ajax上传文件

希望它可以帮助您:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用AJAX / jQuery / JavaScript提交表单?

来自分类Dev

使用onsubmit同时提交表单和Ajax?

来自分类Dev

用jquery和AJAX提交表单

来自分类Dev

在服务器端使用带有PHP的JQuery Ajax提交文件和文本数据。

来自分类Dev

使用Ajax提交带有文件的Symfony 2嵌入式表单

来自分类Dev

使用JQuery和AJAX提交带有文件的表单

来自分类Dev

使用jQuery和Ajax提交表单以更改操作

来自分类Dev

使用JQuery提交由Ajax加载的表单

来自分类Dev

使用JavaScript处理带有多个提交按钮的表单提交

来自分类Dev

使用Javascript提交带有提交的输入的表单

来自分类Dev

使用jQuery提交带有后变量的表单

来自分类Dev

使用AJAX发送带有表单的表单文件时出错

来自分类Dev

如何使用jquery或ajax单击提交表单

来自分类Dev

使用JS和AJAX提交表单

来自分类Dev

表单提交了两次(带有jquery的ajax)

来自分类Dev

使用Jquery Ajax PHP提交表单

来自分类Dev

使用jQuery和Ajax通过POST提交表单

来自分类Dev

使用jQuery在Rails中没有Ajax提交表单

来自分类Dev

在服务器端使用带有PHP的JQuery Ajax提交文件和文本数据。

来自分类Dev

使用Ajax提交带有文件的Symfony 2嵌入式表单

来自分类Dev

提交使用jQuery和AJAX动态插入页面的表单?

来自分类Dev

使用jQuery和Ajax提交表单以更改操作

来自分类Dev

Ajax使用enter和onclick提交表单

来自分类Dev

使用JQuery的带有动态字段的Grails表单提交失败

来自分类Dev

使用jQuery和Ajax提交后填充表单

来自分类Dev

使用Jquery和Ajax提交后,表单提交第二次无法正常工作

来自分类Dev

.NET Core 如何使用 AJAX 提交带有文件的表单?

来自分类Dev

使用带有 php 的表单令牌防止 Ajax 表单双重提交

来自分类Dev

ASP.NET MVC Ajax 提交带有 AntiforgeryToken 的表单和带有验证的序列化表单数据

Related 相关文章

  1. 1

    如何使用AJAX / jQuery / JavaScript提交表单?

  2. 2

    使用onsubmit同时提交表单和Ajax?

  3. 3

    用jquery和AJAX提交表单

  4. 4

    在服务器端使用带有PHP的JQuery Ajax提交文件和文本数据。

  5. 5

    使用Ajax提交带有文件的Symfony 2嵌入式表单

  6. 6

    使用JQuery和AJAX提交带有文件的表单

  7. 7

    使用jQuery和Ajax提交表单以更改操作

  8. 8

    使用JQuery提交由Ajax加载的表单

  9. 9

    使用JavaScript处理带有多个提交按钮的表单提交

  10. 10

    使用Javascript提交带有提交的输入的表单

  11. 11

    使用jQuery提交带有后变量的表单

  12. 12

    使用AJAX发送带有表单的表单文件时出错

  13. 13

    如何使用jquery或ajax单击提交表单

  14. 14

    使用JS和AJAX提交表单

  15. 15

    表单提交了两次(带有jquery的ajax)

  16. 16

    使用Jquery Ajax PHP提交表单

  17. 17

    使用jQuery和Ajax通过POST提交表单

  18. 18

    使用jQuery在Rails中没有Ajax提交表单

  19. 19

    在服务器端使用带有PHP的JQuery Ajax提交文件和文本数据。

  20. 20

    使用Ajax提交带有文件的Symfony 2嵌入式表单

  21. 21

    提交使用jQuery和AJAX动态插入页面的表单?

  22. 22

    使用jQuery和Ajax提交表单以更改操作

  23. 23

    Ajax使用enter和onclick提交表单

  24. 24

    使用JQuery的带有动态字段的Grails表单提交失败

  25. 25

    使用jQuery和Ajax提交后填充表单

  26. 26

    使用Jquery和Ajax提交后,表单提交第二次无法正常工作

  27. 27

    .NET Core 如何使用 AJAX 提交带有文件的表单?

  28. 28

    使用带有 php 的表单令牌防止 Ajax 表单双重提交

  29. 29

    ASP.NET MVC Ajax 提交带有 AntiforgeryToken 的表单和带有验证的序列化表单数据

热门标签

归档