Asp.net C＃上傳控件

Question

我已經創建了一個圖像上傳控件，但是我對它的外觀並不滿意。 我只希望顯示的按鈕不是按鈕左側的文本框。 有什么方法我可以使用普通的按鈕控件或linkbutton控件來打開文件對話框。

Answer 1

瀏覽器具有極其嚴格的限制性，可以控制上傳輸入的樣式，以嘗試減輕可能由欺騙用戶造成的損害。

話雖這么說，你可以做的類似於你要求但你也必須考慮到每個瀏覽器將上傳按鈕放在一個不同的位置，你將通過在這里或那里放置隱藏的元素和外觀有效地破解風格/功能在所有瀏覽器中可能不一致。

本文提供了您正在尋找的一些信息。

Answer 2

呈現<input type="file" />方式取決於您使用的瀏覽器。 查看這篇文章 ，討論如何使其統一但隱藏實際渲染並擁有自己的渲染。

Answer 3

我在Firefox 4，IE6和IE9中使用了這個簡單的示例，但不幸的是它在Chrome 10中不起作用。

<script type="text/javascript">
    $(document).ready(function () {
        var cnt = 1; // for interfering id's
        $('#upload').click(function () {

            // adds a new file-browser upload control and calls the AppendFilesToList with file information
            $("#files").append("<input type=\"file\" id=\"fileupload" + cnt + "\" onchange=\"javascript:AppendFilesToList(this.value);\" style=\"display:none;\" />");
            document.getElementById("fileupload" + cnt).click(); // calls the browsers file-upload dialog

            cnt++;
        });
    });
    // appends file information to a div
    function AppendFilesToList(evt) { $("#listfiles").append(evt + "<br/>"); }
</script>

<div id="files"></div>
<div id="listfiles"></div>

<br />

<input type="button" id="upload" value="Select files" />

但是，您可以查看這些關於樣式的帖子： http ： //www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom和http://www.quirksmode.org/dom/inputfile.html