【发布时间】：2010-10-12 12:59:50
【问题描述】：
我在这里有点发疯。在过去的 24 小时里，我一直在试图找出问题所在，但我根本无法找出问题所在。
我有一个文章提交框架。首先，用户输入一些文章文本字段，然后上传 2 张图片，然后对其进行裁剪。当我尝试裁剪图像时出现问题 - 提交按钮根本不起作用。我点击它，没有任何反应。
但是这只发生在 IE 中。
在 FF 和 Chrome 中它可以完美运行。
这是 CropImages 视图的 aspx 代码：
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Admin/Site.Admin.Master" Inherits="System.Web.Mvc.ViewPage<dr_teman_MVC.Models.ImagesUploadModel>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
<div class="span-22 append-1 prepend-1 contentarea">
<h2>גזור התמונות</h2>
<div class="cropImageSpan">
<img src="<%= Html.Encode(Model.newArticle.Image1.originalImageAddress)%>" alt="cropImage1" id="crop_target1" "/>
</div>
<div class="cropImageSpan">
<img src="<%= Html.Encode(Model.newArticle.Image2.originalImageAddress)%>" alt="cropImage2" id="crop_target2" "/>
</div>
<% using (Html.BeginForm("ArticleCreated", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
{ %>
<input type="hidden" id="img1x1" name="img1x1" />
<input type="hidden" id="img1y1" name="img1y1" />
<input type="hidden" id="img1x2" name="img1x2" />
<input type="hidden" id="img1y2" name="img1y2" />
<input type="hidden" id="img2x1" name="img2x1" />
<input type="hidden" id="img2y1" name="img2y1" />
<input type="hidden" id="img2x2" name="img2x2" />
<input type="hidden" id="img2y2" name="img2y2" />
<input type="hidden" id="articleID" name="articleID" value= "<%= Html.Encode((Model.newArticle.ArticleID).ToString()) %>"/>
<div>
<input name="submit" type="submit" value="סיום"/>
</div>
<%} %>
</div><!--/span-22 append-1 prepend-1 contentarea-->
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="htmlHead" runat="server">
<script src="../../Scripts/jquery.imgareaselect-0.9.2/scripts/jquery.imgareaselect.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#crop_target1').imgAreaSelect({
aspectRatio: '4:5',
handles: true,
onSelectEnd: function(img, selection) {
$('input[name=img1x1]').val(selection.x1);
$('input[name=img1y1]').val(selection.y1);
$('input[name=img1x2]').val(selection.x2);
$('input[name=img1y2]').val(selection.y2);
}
});
$('#crop_target2').imgAreaSelect({
aspectRatio: '4:5',
handles: true,
onSelectEnd: function(img, selection) {
$('input[name=img2x1]').val(selection.x1);
$('input[name=img2y1]').val(selection.y1);
$('input[name=img2x2]').val(selection.x2);
$('input[name=img2y2]').val(selection.y2);
}
});
});
</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="head" runat="server"></asp:Content>
您需要任何其他部分的代码吗？ （相关型号？控制器？）
将显示 aspx 页面，其中包含图片。裁剪机制有效 - 我可以在两个图像中选择裁剪区域。但是在 IE 中，当我点击提交时，什么也没有发生。我向相关控制器 (Admin/ArticleCreated) 添加了一个断点，但它甚至没有到达那里（代码确实到达了调用此 aspx 视图的控制器，并按预期传递了所有信息）。
那么，有谁知道为什么 IE 会给我带来这样的问题？
欢迎提出任何建议，我真的被难住了...
谢谢，
汤姆
【问题讨论】：
-
这将有助于了解它是如何呈现出来的（即浏览器看到的 HTML）。
-
添加了一个带有源代码的答案（从 IE 中提取）。
-
嗨，汤姆，你有没有想过这个问题？
标签： asp.net internet-explorer firefox forms