选中图片,即时显示


function preview(fileid,vid)
    { 
        var x = document.getElementById(fileid);
         if(!x || !x.value)
          return;
           var patn = /\.jpg$|\.jpeg$|\.bmp$|\.gif$/i;
             if(patn.test(x.value))
             {   
                 var d = document.getElementById(vid);
                 d.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = 'file://localhost/'+x.value;
                 d.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
             }
        else{ 
          alert("您选择的似乎不是图像文件。"); 
          }
      }


   <h5 id="d2" style="border-right: black 1px solid; border-top: black 1px solid; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
                                border-left: black 1px solid; width: 60px; border-bottom: black 1px solid; height: 100px">
                            </h5>
                            <input id="myFile2" runat="server" name="myFile1" οnchange="preview('myFile2','d2')"
                                type="file" style="width: 145px" />

转载于:https://www.cnblogs.com/hnsjack/articles/752453.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值