首页 > 解决方案 > 在 Scala Play-Bootstrap 表单中删除已经上传的文件

问题描述

我有一个可以上传文件的 b3 播放框架表单。唯一的问题是我在文档中的任何地方都看不到删除已上传的文件。理想情况下,文件上传只有一个“删除”类型的按钮,可以在表单提交之前删除已经上传的文件。

我目前的表格如下。任何有关解决此问题的帮助或建议都非常受欢迎。

谢谢

        @b3.form(routes.SettingsController.submitEditProfile, 'enctype -> "multipart/form-data") {
        @CSRF.formField

        @b3.text(userForm("displayName"), '_label -> "Display name")

        <div class="form-group">
            <label class="control-label col-md-2" for="settingsImage">Settings Image</label>
            <div class="col-md-6">
                @user.settingsImage.fold {
                    <p>@Messages("has.no.image")</p>
                }{ c =>
                    <p>@Messages("has.image")</p>
                    @c.artifacts.find(a => a.label == "small" && a.url.nonEmpty).map{ ca =>
                        <img src="@ca.url" @includes.artifactDimensions(ca) /></a>
                    }
                }
                <input type="file" name="settingsImage" />
            </div>
        </div>

        @b3.free('_id -> "idFormGroup") {
            <button type="submit" class="btn btn-secondary">@Messages("update")</button>
            <a class="btn btn-default" href="@routes.SettingsController.settings()">@Messages("cancel")</a>
        }

标签: scalatwitter-bootstrap-3playframework

解决方案


推荐阅读