Question

我想允许用户在div上删除文件，上传文件，然后推送到下一页（当前正在发生）。或者，单击最外面的div并将其推送到下一页（当前正在进行，但会出现选择文件的对话框，我不想发生这种情况）。

在我看来，这是可行的，但我不知道该怎么做。目前我有这段代码：

<div class="coloredContentPlain float-left dataSquares" onclick="window.location.href = '@Url.Action("Index", "CreateJob")'" style="cursor: pointer;">
    @using (Html.BeginForm("Index", "CreateJob", FormMethod.Post, new { @id = "upldFrm", @enctype = "multipart/form-data" }))
    {
        <div class="circle-color circle-color-background-orange" style="margin-left: auto; margin-right: auto; position: static;">
            <span class="circle-text" style="font-size: xx-large; font-weight: bold;">+</span>
        </div>

        <div class="newJobText">Start New Job</div>
        <input id="uploadFile" name="uploadFile" class="uploadFile" type="file" autofocus="autofocus" style="position: absolute; top: 0; left: 0; width: 256px; height: 144px;" />
        <input id="sumbitBtn" type="submit" value="Upload File" title="UploadFile" style="display: none;" />
        <div style="position: absolute; bottom: 10px;">Click or drop file here</div>
    }
</div>

在选择文件时，后端有一些jquery点击提交按钮：

$(document).ready(function () {
    // on file selection, click the hidden submit button
    $('#uploadFile').change(function() {
        if ($('#uploadFile')[0].files.length > 0) {
            $("#sumbitBtn").click();
        }
    });
});

如果用户在div上删除文件，一切正常。文件已上传，用户将被推送到下一页。

如果用户点击div，则会将用户推送到新页面并弹出文件对话框，但我希望他们只能重定向到新页面。

Answer 1

我可能在这里错了，但看起来你有一个被div包围的表单onclick它会重定向到另一个页面，当你去点击并重定向时，这似乎是你的问题。

MVC文件上载或导航

1 个答案: