使用Jquery ajax无需表单上传文件 [英] File upload using Jquery ajax without form

问题描述

这是mycode

function addPackage(elem)
{

    var dataimg = new FormData();
    dataimg.append('', $("#browseimg"+elem).prop('files')[0]);
    var startdate=$("#from_date"+elem).val();
    var enddate=$("#to_date"+elem).val();
     $.ajax({
      url: "addpackage/",
      type:"post",
      contentType:false,
      data:{startdate:startdate,enddate:enddate,packageid:elem,img:dataimg},
      success: function(data) {
      }
    });
}

我尝试发布方法ajax上传图像并输入没有表格的字段数据。在ajax中调用它显示 [object object] 。如何使用输入字段发布图像，而不是在jquery ajax中。

I tried post method ajax to upload image and input field data without form. In ajax call it showing [object object]. How to post image with input field without for in jquery ajax.

推荐答案

您可以像下面这样做。希望这对你有帮助。

You can do it like following. Hope this will help you.

function addPackage(elem)
{
    var dataimg = new FormData();
    dataimg.append('startdate', $("#from_date"+elem).val());
    dataimg.append('enddate', $("#to_date"+elem).val());
    dataimg.append('packageid', elem);
    dataimg.append('img', $("#browseimg"+elem)[0].files[0]);

    $.ajax({
        url: "addpackage/",
        type:"post",
        cache : false,
        contentType : false,
        processType : false,
        data: dataimg,
        success: function(data) {
        }
    });
}

这篇关于使用Jquery ajax无需表单上传文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！