MVC文件上傳或導航

我想允許用戶在div上放置文件，上傳文件並推送到下一頁（當前正在發生）。或者，點擊最外面的div並被推送到下一頁（目前正在發生，但出現選擇文件的對話框並且我不想發生）。MVC文件上傳或導航

在我看來，這是可行的，但我不知道如何去做。目前，我有這樣的代碼：

<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的上點擊當選擇一個文件提交按鈕後端：如果用戶滴落在DIV文件

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

，一切正常。文件被上傳，用戶被推送到下一頁。

如果用戶點擊div，用戶將被推送到新的頁面並彈出文件對話框，但我希望它們只能被重定向到新頁面。

來源

2014-02-24 Sabe

我可能在這裏是錯誤的，但它看起來像你有div圍繞的形式，其中onclick它將重定向到另一個頁面，這似乎是你的問題，當你去點擊，它重定向。

來源

2014-02-24 20:59:55 Charles380

我希望它重定向。我不想彈出文件選擇對話框。我想知道如何保持彈出對話框。 – Sabe

MVC文件上傳或導航

回答

相關問題