C# 客户端和服务器端调用asp按钮的问题

C# 客户端和服务器端调用asp按钮的问题,c#,javascript,asp.net,image,file-upload,C#,Javascript,Asp.net,Image,File Upload,我想使用客户端代码设置图像控件的图像URL,并使用C#代码将图像保存到服务器。以下是我实施的: <asp:Button ID="btnImageUpload" OnClick="btnImageUpload_Click" runat="server" Text="Preview" CausesValidation="false" OnClientClick="Image_View();"/> JavaScript function Image_View() { //

我想使用客户端代码设置图像控件的图像URL,并使用C#代码将图像保存到服务器。以下是我实施的:

<asp:Button ID="btnImageUpload" OnClick="btnImageUpload_Click"  runat="server" Text="Preview" CausesValidation="false" OnClientClick="Image_View();"/>
JavaScript

    function Image_View() {
//        __doPostBack('<%= btnImageUpload.ClientID %>', '');

//        var clickButton = document.getElementById("<%= btnImageUpload.ClientID %>");
//        clickButton.click()

        var idFlUpload = '<%= FlUpldImage.ClientID %>';
        var fu1 = document.getElementById(idFlUpload);
        var idImgCntrl = '<%= imgCorrect.ClientID %>';
        var ImgCntrl = document.getElementById(idImgCntrl);

        alert("You selected " + fu1.value);
        ImgCntrl.setAttribute('src', fu1.value);
    }
hdnImageSrc = document.getElementById('<%= hdnImageSrc.ClientID %>');
mgCntrl.setAttribute('src', fu1.value);
hdnImageSrc.value = fu1.value;
函数图像_视图(){
//_uudopostback('');
//var clickButton=document.getElementById(“”);
//点击按钮。点击()
var idFlUpload='';
var fu1=document.getElementById(idFlUpload);
变量idImgCntrl='';
var ImgCntrl=document.getElementById(idImgCntrl);
警报(“您选择了”+fu1.值);
ImgCntrl.setAttribute('src',fu1.value);
}
现在我的问题是,一旦服务器端代码被执行,页面就会被刷新,使用JS设置为Image control的链接就会被重置为默认值

我如何才能让这个工作,其中图像也得到保存,图像URL属性也得到通过JS设置


如果有任何其他方法来实现这一点,请让我知道。提前谢谢

您也必须在服务器上设置它。您可以使用隐藏字段保存url,并在服务器上访问该隐藏字段以获取设置mgCntrl.ImageUrl的url

html格式的

<input type="hidden" runat="server" id="hdnImageSrc" />
hdnImageSrc = document.getElementById('<%= hdnImageSrc.ClientID %>');
mgCntrl.setAttribute('src', fu1.value);
hdnImageSrc.value = fu1.value;
mgCntrl.ImageUrl = hdnImageSrc.Value;