求助,FileUpload如何设置CSS-CSDN论坛

html-css06

求助,FileUpload如何设置CSS-CSDN论坛,第1张

无法直接赋值...

但可以转用其它方法...

例如:

放置一个文本框,放置一个FileUpload,然后将Width设置为0...

看看成了什么...没错,文本框 一个"浏览"按钮的形态~

接下来重点的解决就是选择了文件后给文本框赋值

在Page_Load里注册这个

this.fu.Attributes.Add("onchange", "document.getElementById('" txt.ClientID "').value = this.value")

好了,点击看看FileUpload选择文件后看看,文本框的值是不是就是你选择文件的值...

我也是碰到这个问题,换了不同思路以不同方式在网上找了3个多小时,然后总结出网上的各种使用<input type="tetx">和<input type="file">的替换方法尝试后总结出来的...

比起使用HTML控件,我这个方法算是比较好的吧,一方面可以查询数据库给文本框赋值,另一方面可以直接使用FileUpload的SaveAS方法保存文件...这两方面都比使用HTML控件好用多了,虽然唯一的缺点是..."浏览"按钮前面的那个小小的竖线...

![]NX$D)O7BNEG3DHEWG%2FYL.png]( http://upload-images.jianshu.io/upload_images/2633055-c92e16f8494da62d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 )

要用JS来控制的,单纯的CSS做不到,给你个代码,可以直接拿去用:

<div id="dpro" style="overflow:hiddenwidth:100%px padding:10px margin:0 10px">

                    <table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td id="dpro1">

                        <table width="100%" cellpadding="0" cellspacing="0" border="0">

                            <tr>

                    

<td><div class="index_pic"><a href="product_show.asp?id=41" title="轻轮"><img src="UploadFiles/20131017164757151.png" width="148" height="139" /><span>轻轮</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=40" title="轻轮"><img src="UploadFiles/20131017164724200.png" width="148" height="139" /><span>轻轮</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=39" title="SB-6509-948 "><img src="UploadFiles/2013101716460566.png" width="148" height="139" /><span>SB-6509-948&nbsp</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=38" title="CPT-5854-85BRK4 "><img src="UploadFiles/20131017164529355.png" width="148" height="139" /><span>CPT-5854-85BRK4&nbsp…</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=37" title="CPT-4856-85BRK4 "><img src="UploadFiles/20131017164455666.png" width="148" height="139" /><span>CPT-4856-85BRK4&nbsp…</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=36" title="CPT-5851-85BRK4 "><img src="UploadFiles/20131017164420861.png" width="148" height="139" /><span>CPT-5851-85BRK4&nbsp…</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=35" title="医用脚轮"><img src="UploadFiles/20131017164359417.png" width="148" height="139" /><span>医用脚轮</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=34" title="轻轮"><img src="UploadFiles/20131017164322134.jpg" width="148" height="139" /><span>轻轮</span></a></div></td>

                            

<td><div class="index_pic"><a href="product_show.asp?id=33" title="京华小叶花"><img src="UploadFiles/20139281463567.jpg" width="148" height="139" /><span>京华小叶花</span></a></div></td>

                            

                            </tr>

                        </table>

                        </td>

                        <td id="dpro2">&nbsp </td>

                      </tr>

                    </table>

                    </div>

                    <!-- pro end -->

                    <script language="javascript">

                var ddp = document

                var dpro = ddp.getElementById("dpro")

                var dpro1 = ddp.getElementById("dpro1")

                var dpro2 = ddp.getElementById("dpro2")

                var dspeed=5 //滚动的速度,数值越大越慢

                dpro2.innerHTML=dpro1.innerHTML

                function Marquee()

                {

                    if(dpro2.offsetWidth-dpro.scrollLeft<=0)

                    {

                        dpro.scrollLeft-=dpro1.offsetWidth

                    }

                    else

                    {

                        dpro.scrollLeft++

                    }

                }

                var MyMar=setInterval("Marquee()",dspeed)

                dpro.onmouseover=function() 

                {

                    clearInterval(MyMar)

                }

                dpro.onmouseout=function() 

                {

                    MyMar=setInterval("Marquee()",dspeed)

                }

                </script>