首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >禁用图像回发按钮单击asp

禁用图像回发按钮单击asp
EN

Stack Overflow用户
提问于 2014-02-09 12:31:30
回答 2查看 4.7K关注 0票数 2

我有一个图像按钮在我的asp项目,浏览图像和显示。我正在为我的项目使用脚本。

这是我的代码:

ASPX:

代码语言:javascript
运行
复制
<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 source

代码语言:javascript
运行
复制
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);
});

政务司司长:

代码语言:javascript
运行
复制
protected void Page_Load(object sender, EventArgs e)
    {
        imgBrowse.Attributes.Add("onclick", "document.getElementById('inpUploader').click();");
    }

我的代码工作正常,图像在我选择图像后显示,但几秒钟后图像丢失,因为页面重新加载。

EN

回答 2

Stack Overflow用户

发布于 2014-02-09 12:40:47

我解决了我的问题。

只要添加return false;即可。

代码语言:javascript
运行
复制
 protected void Page_Load(object sender, EventArgs e)
    {
        imgBrowse.Attributes.Add("onclick", "document.getElementById('inpUploader').click(); return false;");
    }
票数 2
EN

Stack Overflow用户

发布于 2014-02-09 12:35:39

查看此sample

代码语言:javascript
运行
复制
<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>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21655312

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档