檔案上傳按鈕樣式
//檢查型別
function CheckFileType() {
var typeArray = new Array('doc', 'png', 'gif', 'pdf', 'txt', 'html');
var filename = document.getElementById("FileUpload").value;
var checkArrray = filename.split('.');
var strExtern = checkArrray[checkArrray.length - 1];
var isFind = false;
for (var iPos = 0; iPos < typeArray.length; iPos++) if (typeArray[iPos] == strExtern) isFind = true;
if (!isFind) {
var bjFile = document.getElementById("FileUpload");
objFile.outerHTML = objFile.outerHTML.replace(/(value=\").+\"/i, "$1\"");
alert("檔案型別不符合");
}
else {
if (document.getElementById("HideFileName").value != document.getElementById("FileUpload").value) {
document.getElementById("HideFileName").value = document.getElementById("FileUpload").value;
$('#Btn_Upload').removeAttr("disabled");
}
}
}
function yourfunction() {window.close();}
.file1
{
padding: 2px 0px;
display: block;
float: left;
background: #FF66CC;
color: #fff;
z-index: 1;
margin-left: 0px;
vertical-align: middle;
height: 22px;
width:60px;
cursor: pointer;
}
.line
{
position: relative;
padding: 8px 0;
top: 0px;
left: 0px;
height: 22px;
width: 60px;
cursor: pointer;
}
.line span
{
float:left;
height:22px;
width:60px;
left: 0px;
cursor: pointer;
}
.file
{
position: absolute;
float:left;
left: 0px;
top: 6px;
filter: alpha(opacity=0);
opacity: 0;
height: 30px;
cursor: pointer;
width: 55px;
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/25897606/viewspace-705174/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 怎樣用純HTML和CSS更改預設的上傳檔案按鈕樣式HTMLCSS
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- bootstrap中好看的檔案上傳樣式boot
- checkbox樣式研究——按鈕
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- webuploader橫向按鈕樣式Web
- CSS-實戰-上傳按鈕美化CSS
- css 最經典的按鈕樣式CSS
- 「HTML+CSS」--自定義按鈕樣式【004】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【003】HTMLCSS
- antd-mobile 自定義picker按鈕樣式
- [HTML/CSS]uploadify自定義按鈕樣式HTMLCSS
- ajax上傳檔案,spring mvc獲取檔案並處理,通過頁面按鈕傳送url,由後臺控制檔案下載SpringMVC
- 定義樣式並獲取上傳檔案路徑及指定檔案型別型別
- 分散式檔案上傳(微服務)分散式微服務
- php檔案上傳之多檔案上傳PHP
- 「HTML+CSS」--自定義按鈕樣式【001】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【002】HTMLCSS
- 登陸註冊按鈕的樣式設計
- 數字按鈕分頁CSS樣式程式碼CSS
- 建立WINDOWS XP樣式的ActiveX按鈕 (轉)Windows
- 點選按鈕,實現檔案下載,通過按鈕傳送url,spring後臺實現伺服器端檔案下載。Spring伺服器
- 如何修改移動裝置按鈕預設樣式
- Android 自定義Switch開關按鈕的樣式Android
- 單個檔案上傳和批量檔案上傳
- 檔案上傳
- SpringMVC 單檔案上傳與多檔案上傳SpringMVC
- 檔案上傳的漸進式增強
- DcatAdmin行操作按鈕樣式調整(圖示+文字)
- 13種常用按鈕、文字框、表單等CSS樣式CSS
- QComboBox 右側下拉按鈕qss樣式設定
- Java大檔案上傳、分片上傳、多檔案上傳、斷點續傳、上傳檔案minio、分片上傳minio等解決方案Java斷點
- 按鈕式超連結
- 製作Gmail式按鈕AI
- 檔案上傳之三基於flash的檔案上傳
- 前端大檔案上傳/分片上傳前端
- Flask——檔案上傳Flask
- PHP上傳檔案PHP