FileUpload控件选择某文件后触发的事件

Question

请问各位大虾:
FileUpload控件选择某文件后触发的什么事件?
我想用 FileUpload控件选择某图形文件后,使 Img_TX.ImageUrl =选中的图形文件

Answer 1

用onchange 事件试试不过在ie7中 默认不能将显示本地图片 要用其他方法实现

Answer 2

很简单啊，用JS直接操作就行了
例如<input type="file" name="file1" id="file1" class="btnall" onChange="Setpath(this.value);"/>js
function Setpath(v)
{    
    document.getElementById("Img_TX").value=v;
}
没测试，大概这样可以获取文件名

Answer 3

<asp:FileUpload ID="file1" runat="server" />
<asp:Image ID="img1" runat="server" />
cs代码：
file1.Attributes.Add("onchange","chgImg(this.value);");js代码：
function chgImg(url){
    document.getELementById("img1").src = url;
}

Answer 4

Img_TX.ImageUrl = FileUpload.FileName.ToString()；

Answer 5

asp.net(c#)一次预览并上传多张图片

Answer 6

IE7中不支持，
得用CSS的滤镜。

Answer 7

楼主，你选择了文件之后，不需要确定吗？在后面加个button，然后在button的事件里处理就可以了

Answer 8

根据w3c的标准，在浏览器端操作客户端文件是不允许的，虽然ie的早期版本支持这种功能。但是在ie7和firefox中均不支持，建议不要使用，因为ie6毕竟用得人会越来越少。如果实在要用，3楼的可解

Answer 9

不行,都试过了还是不行,6楼的说用CSS滤镜,倒是没有试过.
3楼的方法也不行啊,我是在.cs文件中的 Page_Load中添加 以下cs代码的：
file1.Attributes.Add("onchange","chgImg(this.value);");
然后在 .aspx中添加 js 代码的;

Answer 10

你可以直接添加个按钮 然后点击后使 Img_TX.ImageUrl =选中的图形文件名字呀。。

Answer 11

见5楼的文章。
<script language="javascript">
function $(o){return document.getElementById(o);}
function CheckImgCss(o,img)
{
    if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
    {
        alert('只能上传jpg,bmp,gif,png格式图片!');
        o.outerHTML = o.outerHTML;
    }
    else
    {
        $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
        //$('Image1').src = o.value;//这里IE7已经不支持了。所以才有上面的方法。
    }
}
</script>
    <form id="form1" runat="server">
    <div><h1>一次上传多个图片并预览，请选择图片：</h1>
        <asp:FileUpload ID="FileUpload1" onchange="CheckImgCss(this, 'img');" runat="server" />
        <asp:FileUpload ID="FileUpload2" onchange="CheckImgCss(this, 'img');" runat="server" />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上传" />
        <div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=<%= pic%>,sizingMethod=scale);width:102px;height:100px;"></div>
        </div>

Answer 12

<input  type="file"  id="file" onchange="display(this)" />
function display(abc) { 
            document.getElementById("img").src = abc.value; 
        } 

Answer 13

(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value
这句是对的

Answer 14

楼主，你选择了文件之后，不需要确定吗？在后面加个button，然后在button的事件里处理就可以了

Answer 15

HTML code<script language="javascript">
function $(o){return document.getElementById(o);}
function CheckImgCss(o,img)
{
    if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
    {
        alert('只能上传jpg,bmp,gif,png格式图片!');
        o.outerHTML = o.outerHTML;
    }
    else
    {
        $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
        //$('Image1').src = o.value;//这里IE7已经不支持了。所以才有上面的方法。
    }
}
</script>
    <form id="form1" runat="server">
    <div><h1>一次上传多个图片并预览，请选择图片：</h1>
        <asp:FileUpload ID="FileUpload1" onchange="CheckImgCss(this, 'img');" runat="server" />
        <asp:FileUpload ID="FileUpload2" onchange="CheckImgCss(this, 'img');" runat="server" />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上传" />
        <div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=<%= pic%>,sizingMethod=scale);width:102px;height:100px;"></div>
        </div>

Answer 16

不知道滤镜的方法能不能用。在 firefox 下滤镜同样也可以起作用吗？

Answer 17

js...
<script language="javascript" type="text/javascript">
  function show1(Imgsrc)
    {
        document.getElementById("<%=Image1.ClientID %>").src = Imgsrc;
        
    }
</script>控件调用
<asp:Image ID="Image1" runat="server" Height="92px" Style="position: relative; left: 3px;" Width="142px" />
                  <asp:FileUpload ID="FileUpload1" runat="server" Style="left: 3px; position: relative;
                      top: -1px" onchange="show1(this.value);" />

Answer 18

努力学习，天天向上
——————————————————————————————
SQL吧 Http://sql8.net SQL吧技术百科，专注技术教程