Question

我正在使用MVC4 C＃

中的应用程序

我有一个详细信息页面，其中有一个按钮＆＃34;上传照片＆＃34;存在。单击该按钮，将打开一个弹出页面（通过Jquery），我可以上传和播放图片。一旦裁剪，我需要点击＆＃34;确认Pic＆＃34;按钮出现在弹出页面中。点击＆＃34;确认图片＆＃34;，此弹出窗口应该关闭，裁剪的图片的缩略图需要显示在父页面上，即详细信息屏幕。

问题：当我点击＆＃34;确认图片＆＃34;按钮，表单发布在父页面上，由于哪个父页面也被刷新，因此我丢失了父页面上所有未保存的数据

目前我没有想法:( :(任何想法都赞赏..

Answer 1

点击按钮，而不是打开弹出页面，您应该在modal中显示表单。然后，当您上传裁剪的图像时，您应该使用ajax。

修改

＆＃13;

$("#form").on("submit", function(e) {
  e.preventDefault();
  $.ajax({
    url: 'urlHere',
    type: 'POST',
    data: new FormData(this),
    processData: false,
    contentType: false
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form">
  <input type="file" name="myFile">
  <input type="submit">
</form>

＆＃13;

你应该知道它在版本10之前的IE中不起作用。

显示已上传图片的缩略图 - MVC4

1 个答案: