FileUpload

Posted 2023-04-17

使用FileUpload选择了一个图片，必须使用另外一个按钮控件才能对其进行预览，怎样才能不使用其他控件，选中图片后就可以预览呢？

FileUpload没有事件,要用脚本来实现.给FileUpload控件添加Attributes，来加载onpropertychange事件，具体代码如下（这句要在页面加载的时候执行）：
FileUpload1.Attributes.Add("onpropertychange", "showPic();");
客户端写的javascript函数:
function showPic()

var fso = new ActiveXObject("Scripting.FileSystemObject");
if(fso.GetExtensionName(document.getElementById("FileUpload1").value).toLowerCase()!="jpg"&&fso.GetExtensionName(document.getElementById("FileUpload1").value).toLowerCase()!="bmp")

alert("请选择jpg、bmp格式的文件！");

else

document.getElementById("Image1").src=document.getElementById("FileUpload1").value;


参考技术A <script language="javascript">
<br>function SeePic(img,f)
<br> if ( f.value != "" ) img.src = f.value;
<br></script>
<input type="file" name="file" onChange="SeePic(document.pic1,document.form1.file);"/>

使用UpdatePanel时FileUpload失效的问题！FileUpload上传文件失败

1.使用UpdatePanel后,FileUpload的HasFile始终为false,无论你是否选中了上传文件!

方案一：设置ScriptManager 的EnablePartialRendering=“false” 即可! 缺点：同一个页面上的多个UpdatePanel不可以独自刷新了.另外，当你的UpdatePanel中存在Validator (验证控件)的话，会造成整个页面postback

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="false">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:FileUpload ID="fu" runat="server" />
     </ContentTemplate>
    </asp:UpdatePanel>

 

方案二: 来源于：http://marss.co.ua/FileUploadAndUpdatePanel.aspx

PostBackTrigger 指明PostBack提交的按钮ID，还有一个<asp:AsyncPostBackTrigger    />这个当然是异步了哦！PostBackTrigger 他只回发该UpdatePanel 里面的东西,不会影响其他UpdatePanel 的回发

使用 PostBackTrigger 控件可使 UpdatePanel 内部的控件导致回发，而不是执行异步回发。

UpdatePanel中使用FileUpload具体见：http://msdn.microsoft.com/zh-cn/library/system.web.ui.postbacktrigger.aspx

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel runat="server" ID="up1">
    <ContentTemplate>
        <asp:FileUpload ID="fu" runat="server" />
        <asp:Button ID="BtnUpload" runat="server" Text="Upload" onclick="Btn_Click" />
     </ContentTemplate>
     <Triggers>
        <asp:PostBackTrigger ControlID="BtnUpload" />
     </Triggers>
    </asp:UpdatePanel>
    </form>