【问题标题】:Bootstrap - Submit file input form?Bootstrap - 提交文件输入表单?
【发布时间】:2017-08-10 20:42:17
【问题描述】:

我有这个来自模型的 Bootstrap,我不知道为什么 提交 按钮没有发送文件,它什么也没发送。

<form action="myPage.php" class="form-horizontal form-bordered">
    <div class="form-body">
        <div class="form-group">
            <div class="col-md-6 col-md-offset-3">
                <div class="fileinput fileinput-new" data-provides="fileinput">
                    <div class="input-group input-large">
                        <div class="form-control uneditable-input input-fixed input-medium" data-trigger="fileinput">
                            <i class="fa fa-file fileinput-exists"></i>&nbsp;
                                <span class="fileinput-filename"> </span>
                        </div>
                            <span class="input-group-addon btn default btn-file">
                            <span class="fileinput-new"> CHOOSE FILE </span>
                            <span class="fileinput-exists"> CHANGE </span>
                            <input type="file" name="..."> </span>
                            <a href="javascript:;" class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput"> DELETE </a>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     <div class="form-actions">
         <div class="row">
             <div class="col-md-6 col-md-offset-3">
                 <a href="javascript:;" class="btn btn-outline grey-salsa">Cancel</a>
             </div>
          </div>
    </div>
</form>

所有链接都可用

【问题讨论】:

  • 提交按钮在哪里?

标签: javascript php jquery html twitter-bootstrap


【解决方案1】:

试试这个代码: &lt;form action="myPage.php" method="post" enctype="multipart/form-data"&gt;

&lt;div class="form-group"&gt; &lt;label for="exampleInputFile"&gt;CHOOSE FILE&lt;/label&gt; &lt;input type="file" id="exampleInputFile"&gt; &lt;p class="help-block"&gt;Example block-level help text here.&lt;/p&gt; &lt;/div&gt;

&lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt; &lt;/form&gt;

【讨论】:

  • 首先我忘记了 enctype="multipart/form-data"
  • 操作文件中出现了一些错误...现在一切正常,谢谢
【解决方案2】:

您正在使用链接,您需要提交按钮 &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt; 你的表格乱七八糟 ">" &lt;form action="myPage.php" class="form-horizontal form-bordered"

【讨论】:

  • the ">" 只是在这里而不是在我的原始代码中。
  • 所以添加 method="post" enctype="multipart/form-data" 导致您上传文件,即 '
    '
  • 也不行!问题出在提交按钮部分
猜你喜欢
  • 2015-11-11
  • 2023-03-03
  • 2012-11-10
  • 1970-01-01
  • 2013-10-08
  • 1970-01-01
  • 2018-09-23
  • 2017-02-24
  • 2019-09-29
相关资源
最近更新 更多