用ajax发送输入文件数据

这个问题在这里已经有了答案：

我怎样才能异步上传文件？ 27个答案

---

支持HTML5文件的现代浏览器在<input>元素中具有“files”属性。 这会给你一个文件列表引用，它有一个length属性。

由于该属性已经是一个array所以您只需要访问它或者遍历它。

JS

var input = document.getElementById('id');
console.log(input.files);

for (var i = 0; i < input.files.length; i++) {
 console.log(input.files[i]);
}

---

使用下面的代码。

var formData = new FormData($("#formid")[0]);
jQuery.ajax
({
        url: 'insertfiles.php',
        type: "POST",
        data:   formData;
        success: function(data)
        {
        },
        error: function(data)
        {
            alert( 'Sorry.' );
        }
cache: false,
        contentType: false,
        processData: false
});

希望这可以帮助你

---

var formData = new FormData(this);
            debugger;
            $.ajax({
                url: formURL,
                type: 'POST',
                data: formData,
                mimeType: "multipart/form-data",
                contentType: false,
                cache: false,
                processData: false,
                success: function (data, textStatus, jqXHR) {
                    debugger;


                },
                error: function (jqXHR, textStatus, errorThrown) {


                }
            });

以上代码将帮助您在一次提交调用中发布内容和文件。

post方法参数应该包含HttpPostedFileBase[] file这样HttpPostedFileBase[] file列表就会出现在这个文件参数中

链接地址: http://www.djcxy.com/p/19605.html

上一篇: Send input files data with ajax

下一篇: Passing form data and file to php using ajax