Q
UI
2
A
回答
0
此所做的工作對我來說:)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
div.fileinputs {
position: relative;
}
img.fakefile, input.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}</style>
<script type="text/javascript">
function HandleFileButtonClick()
{
document.getElementById("xyz").value =document.getElementById("abc").value;
}
</script>
</head>
<body>
<div class="fileinputs">
<input type="file" id="abc" class="file" onchange="HandleFileButtonClick();" />
<input type="text" id="xyz" class="fakefile" />
<img src="browse button.bmp" class="fakefile" style="position: absolute; left: 150; top: 0" width="61" height="22"/>
</div>
</body>
</html>
0
作爲一項安全防範措施,許多瀏覽器(至少是Firefox的最新版本)不允許您再輸入一個文件名。您只能以圖形方式選擇文件。我相信Chrome也是一樣。
你在說什麼樣的用戶界面?如果你的意思是另一種選擇文件的方式......我不認爲有另一種方式(也是安全防範)。
2
http://pixelmatrixdesign.com/uniform/
統一將讓你輕鬆皮膚輸入元素上傳。
相關問題
- 1. javascript UI中的UI UI單選按鈕
- 2. AngularJS UI格editableCellTemplate:「UI網/ dropdownEditor」
- 3. ui-router ui-grid gridApi undefined
- 4. Jquery UI微調 - UI V1.8.10
- 5. REST API - ALPS UI(Swagger UI like)
- 6. Portlet with angular-ui/ui-sortable
- 7. 使用ui-sref參數時UI-Router ui-sref-active拋出錯誤
- 8. ui-sref和ui-view角度ui路由器
- 9. 在ui視圖中的角度UI路由器ui視圖
- 10. 爲什麼.ui-widget匹配.ui-widget .ui-widget
- 11. 角UI路由器UI視圖問題內部UI視圖
- 12. Android UI
- 13. QListViewModel UI
- 14. UI不
- 15. Jquery ui $([])
- 16. Elasticsearch UI
- 17. 。與jQuery移動UI一起使用UI?
- 18. Kendo UI類型開源UI免費
- 19. jquery datepicker ui-state-default ui-state-hover href =「#」
- 20. jQuery UI的滑塊錯UI值
- 21. Unity UI角色控制與UI按鈕
- 22. 用ui-router傳遞多個值ui-sref
- 23. Kendo UI的Visual Studio編碼UI測試
- 24. 將Xaml UI轉換爲.Net Compact Framework UI
- 25. jQuery UI事件和UI對象屬性
- 26. uiCalendarConfig.calendars在angular-ui/ui-calendar中未定義
- 27. 在UI中的UI li樹結構
- 28. 從非UI線程訪問UI線程
- 29. 與UI不兼容的平面UI
- 30. jquery-ui使用jquery-ui對話框
不能直接改變外觀,唯一的辦法是使用複雜的客戶端腳本 - jQuery是做所有的工作適合你,看到埃裏克答案.. – 2010-12-08 09:00:07
@Shadow - 無法使用css/javascript完成它?我不能使用jQuery – Varun 2010-12-08 09:01:54
jQuery *是* JavaScript。它也可以使用CSS,但更復雜。這一個看起來不錯,認爲我甚至用它在過去:http://www.quirksmode.org/dom/inputfile.html – 2010-12-08 09:10:45