无法检索使用<input type =“file”/>上载的文件

时间:2017-06-13 05:38:09

标签: html json ajax

我正在尝试使用输入类型=&#34;文件&#34;上传文件。点击提交后,我将数据与文件一起发送到邮件。但是在邮件中显示所有文本数据,但我无法看到上传的文件。它显示的内容如此&#34; C:\ fakepath \ ngBootbox- master.zip&#34;。我的问题是如何让实际上传的文件可以通过邮件下载? 这是HTML代码

    <form method="post"  novalidate="novalidate"
    id="signupvalidation">
    <input type="file" name="your-file" id="file">
    </form>

这是Json代码

    submitHandler: function(form) { 
    var upload=$('#file').val();
    var data="<html>"+
    "<body>+
    "Upload:"+upload+"<br><br>"+
    "</body>"+
    "</html>";
  var queryString="api_user=xyz123&api_key=xyz12&to=test@gmail.com&subject=PostC
 V&html="+data+
    "&from="+email;
    $.ajax({
    type: "POST",
    url: "https://api.sendgrid.com/api/mail.send.json",
    data: queryString,
    crossDomain: true,
    dataType: 'jsonp',
    contentType: "application/jsonp"
    });
    alert('Success');
    }
    });
    });

1 个答案:

答案 0 :(得分:0)

要提交文件,您必须将编码设置为multipart / form-data:

<form method="post"  novalidate="novalidate"
id="signupvalidation" enctype="multipart/form-data" >