Razor Pages添加[BindProperty]后POST请求仍无法绑定属性求助

看起来你遇到的核心问题是表单结构导致width/height的值根本没被提交到服务器，所以绑定后始终是int类型的默认值0。我帮你拆解下问题点和修复步骤：

1. 核心问题：表单分离且无提交触发 #

你的width/height输入框放在第二个独立表单里，但这个表单没有添加submit按钮——我猜你是点击第一个表单的"Generate QR Barcode"按钮提交请求，这时候第二个表单里的width/height字段根本不会被包含在提交的Form Data里，服务器自然接收不到值。

2. 次要问题：表单配置错误 #

• 第二个表单的enctype="multipart/form-data"完全多余（你没有上传文件），会额外增加请求开销；
• asp-page-handler="OnPost"写法错误：Razor Pages的handler名称是去掉OnPost前缀的部分，如果你的方法就是OnPost，不需要指定这个属性；如果是自定义handler（比如OnPostUpdateSize），只需要写asp-page-handler="UpdateSize"。
• Debug.WriteLine有笔误：第二个输出写的是width，应该是height。

3. 具体修复方案 #

方案一：合并表单（推荐，适合你的业务场景） #

把width/height输入框移到第一个表单里，这样点击生成按钮时会一起提交所有参数：

<form method="post" asp-page="QRBarCode">
    <input type="text" placeholder="Input value" name="inputVal" value="@Model.inputVal" />
    
    <!-- 把尺寸输入框移到这里 -->
    <div class="form-group row mt-2">
        <div class="col-sm-10" style="max-width: 12rem;">
            <input asp-for="@Model.width" class="form-control" placeholder="Image Width" />
        </div>
    </div>
    <div class="form-group row mt-2">
        <div class="col-sm-10" style="max-width: 12rem;">
            <input asp-for="@Model.height" class="form-control" placeholder="Image Height" />
        </div>
    </div>
    
    <input type="submit" value="Generate QR Barcode" class="mt-3" />
</form>
<qrcode content="@Model.inputVal" type="@Model.titleType" alt="QR Code" width="@Model.width" height="@Model.height" />

同时修正PageModel里的日志代码：

public IActionResult OnPost(string type) {
    minLength = BarcodeConstants.BarCodeMinLength;
    Debug.WriteLine("Image width = " + width);
    Debug.WriteLine("Image height = " + height); // 修正笔误
    // 其他代码...
}

方案二：保留独立表单并添加提交按钮 #

如果你需要分开处理尺寸设置和二维码生成，可以给第二个表单添加submit按钮，并配置正确的handler：

<form method="post" class="mt-3" asp-page-handler="SetSize">
    <div class="form-group row">
        <div class="col-sm-10" style="max-width: 12rem;">
            <input asp-for="@Model.width" class="form-control" placeholder="Image Width" />
        </div>
    </div>
    <div class="form-group row">
        <div class="col-sm-10" style="max-width: 12rem;">
            <input asp-for="@Model.height" class="form-control" placeholder="Image Height" />
        </div>
    </div>
    <input type="submit" value="Set Image Size" class="mt-2" />
</form>

然后在PageModel里添加对应的handler方法：

public IActionResult OnPostSetSize() {
    minLength = BarcodeConstants.BarCodeMinLength;
    Debug.WriteLine("Image width = " + width);
    Debug.WriteLine("Image height = " + height);
    // 保存尺寸后可以跳转回当前页面
    return RedirectToPage("QRBarCode");
}

4. 验证方法 #

提交请求前打开浏览器开发者工具（F12），切换到网络标签，查看提交的Form Data：如果能看到width和height字段及对应的值，说明表单提交正常，服务器就能正确绑定了。

内容的提问来源于stack exchange，提问作者gmmo