[英]Disable postback on image button click asp
我的asp项目上有一个图像按钮,用于浏览图像并显示。 我正在为项目使用脚本。
这是我的代码:
ASPX:
<asp:Panel ID="stage" runat="server" cssClass="containment-wrapper" style="border:1px solid #000000;">
<asp:ImageButton ID="imgBrowse" runat="server" Height="375px" Width="640px" src="#" />
<input type='file' id="inpUploader" style="visibility: hidden;"/>
</asp:Panel>
JS 来源 :
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#imgBrowse').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#inpUploader").change(function () {
readURL(this);
});
CS:
protected void Page_Load(object sender, EventArgs e)
{
imgBrowse.Attributes.Add("onclick", "document.getElementById('inpUploader').click();");
}
选择代码后,我的代码正在运行,并且图像仍在显示,但是几秒钟后,由于页面重新加载,图像丢失了。
我解决了我的问题。
只需添加return false;
。
protected void Page_Load(object sender, EventArgs e)
{
imgBrowse.Attributes.Add("onclick", "document.getElementById('inpUploader').click(); return false;");
}
看到这个例子 :
<asp:Button runat="server" Text="Button" UseSubmitBehavior="false" OnClientClick="alert('my client script here');my" />
<script type="text/javascript">
function my__doPostBack(eventTarget, eventArgument) {
//Just swallow the click without postback of the form
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.