Question

我一直在尝试在Webmatrix中自定义FileUpload助手。通过将'includeFormTag'设置为false并设置我自己的表单标签，设法使用Bootstrap设置我的提交按钮的样式，我真的想在输入旁边有提交按钮。

我的代码如下。有人可以告诉我如何实现这个目标吗？

非常感谢

<div class="input-group">
 <form method="post" name="myForm" enctype="multipart/form-data">
        @FileUpload.GetHtml(
        initialNumberOfFiles:1,
        allowMoreFilesToBeAdded:false,
        includeFormTag:false) 
    <span class="input-group-btn">
        <button class="btn btn-primary" type="submit" name="myButton">Upload</button>
    </span>
 </form>
</div>

Answer 1

请勿使用FileUpload帮助程序。它根本没有任何价值。实际上，它会阻碍因为它在div内输出文件上传控件，这很难访问，因此在不使用jQuery或类似的情况下影响其行为。请改用<input type="file" />。然后按照Bootstrap documentation for inline forms进行操作。

<form method="post" name="myForm" enctype="multipart/form-data" role="form" class="form-inline"> <div class="form-group"> <input type="file" name="file" /> </div> <button class="btn btn-primary" type="submit" name="myButton">Upload</button> </form>

在Webmatrix中自定义FileUpload Helper

1 个答案: