form表单提交文件(input file)

Posted fourteen-y

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form表单提交文件(input file)相关的知识,希望对你有一定的参考价值。

 

包含文件上传的form表单提交,要添加属性 enctype="multipart/form-data"

 


<form method="post" id="create_form" action="" enctype="multipart/form-data">
  <table style="display: table;">
    <tr>
      <td>任务名称:</td>
      <td><input type="text" id="taskName" name="taskName" maxlength="40"></td>
    </tr>
    <tr>
      <td">操作说明:</td>
      <td><input type="file" id="instructions" name="instructions"></td>
    </tr>
    <tr>
      <td colspan=‘2‘>
        <div>
          <button type="button" id="submit-btn">提交</button>
        </div>
      </td>
    </tr>
  </table>
</form>

 

$("#submit-btn").click(
    function(e){
    $("#create_form").submit(); } )

 

以上是关于form表单提交文件(input file)的主要内容,如果未能解决你的问题,请参考以下文章

jquery.form.js提交 input file中的文件

使用form表单上传文件

为啥使用了form表单之后页面会跳转,并且页面一片空白

使用jquery.form.js实现文件上传及进度条前端代码

form表单提交file文件传输失败

form表单中的input有哪些类型