修改 @FileUpload.GetHtml 助手的外观

Question

我的@Fileupload 助手工作得很好。我只想更改基本外观，例如增加行之间的 space 或在最后一个输入文件和输入提交之间添加一个 hr。

有没有办法在上面加几行？

@if (!IsPost) {
    @FileUpload.GetHtml(
        initialNumberOfFiles:4,
        allowMoreFilesToBeAdded:false,
        includeFormTag:true,
        uploadText:"Send")
    }

如你所见，助手可以发送4个文件，但看起来太拥挤了。

感谢您的帮助

Answer 1

我根本不推荐使用这个助手，因为现在大多数浏览器都支持 <input type="file" multiple/>，这比 FileUpload 助手的多个输入更加用户友好。但是，如果您坚持这个想法，您可以这样做来增加输入之间的 space：

<style>
    input[type=file]{
        margin-bottom: 20px;
    }
</style>

修改 @FileUpload.GetHtml 助手的外观

Modifying the look of @FileUpload.GetHtml helper

html

multifile-uploader

razor