❶ 為什麼上傳附件無法顯示上傳按鈕
第一步：首先檢查瀏覽器設置：
打開IE瀏覽器，每一個版本的IE界面和按鈕有所不同，如下圖
第二步：找到IE的Internet選項菜單，開啟菜單欄的根據下列方面找，如下圖：
但是有些IE的工具欄關閉了，查找Internet選項的方法見下圖：
第三步：找到Internet選項後，點擊，選擇安全選項卡，並點擊」自定義級別「
第四步：找到「將文件上載到伺服器時包含本地目錄路徑」選擇「啟用」。然後點擊確定關閉IE，重啟打開。
第五步：更新瀏覽器的flash版本。在網路中搜索」flash player官網「即可找到，點擊下圖中的「Adobe Flash Player系統插件」。
點擊後，瀏覽器會自動跳轉到下載選擇界面，如下圖，在界面中取消可選程序，然後點擊「立即安裝」。
安裝完成後，重啟瀏覽器即可。此時再去點擊上傳按鈕，發現可以找到本地的文件，並且可以上傳了。
❷ html點擊button彈出選擇文件，上傳，這個怎麼實現
<divclass="buttonoperating-button"id="fileUpdate-button">從Excel中批量導入</div>
<formaction=""id="fileUpdate-form">
<inputtype="file"name="filename"id="fileUpdate-input"style="display:none"/>
</form>
<scripttype="text/javascript">
//上傳文件處理
varfileUpdate_button=document.getElementById("fileUpdate-button");
varfileUpdate_input=document.getElementById("fileUpdate-input");
varfileUpdate_form=document.getElementById("fileUpdate-form");
fileUpdate_button.onclick=function(){
fileUpdate_input.click();
}
fileUpdate_input.onchange=function(){
fileUpdate_form.submit();
}
</script>
❸ html5文件上傳控制項的button樣式怎麼修改
你直接將它隱藏，然後自己寫一個button。
給這個button加點擊事件。
點擊事件中在通過JS去觸發上傳文件控制項的點擊事件就可以了。
❹ 如何實現點擊Button實現上傳文件的功能
如何實現點擊Button實現上傳文件的功能
可以試下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定義input type="file" 的樣式</title>
<style type="text/css">
body{ font-size:14px;}
input{ vertical-align:middle; margin:0; padding:0}
.file-box{ position:relative;width:340px}
.txt{ height:22px; border:1px solid #cdcdcd; width:180px;}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}
.file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px }
</style>
</head>
<body>
<div class="file-box">
<form action="" method="post" enctype="multipart/form-data">
<input type='text' name='textfield' id='textfield' class='txt' />
<input type='button' class='btn' value='瀏覽...' />
<input type="file" name="fileField" class="file" id="fileField" size="28" onchange="document.getElementById('textfield').value=this.value" />
<input type="submit" name="submit" class="btn" value="上傳" />
</form>
</div>
</body>
</html>
❺ HTML5頁面中添加上傳按鈕
上傳按鈕html還不是form的submit按鈕？
怎樣就能做到訪問域名就打開首頁 ：把首頁的文件名設為index即可，如index.html,index.asp,index.php,index.jsp
❻ 怎麼讓按鈕代替 input file 而且能上傳成功
你做的應該是想要在未上傳之前顯示圖片,
但是遺憾的是,如果不是html5 或者flash應該沒有辦法即時顯示圖片
你的實現思路是把本地的圖片地址放到img標簽的src屬性上也就是 src="c:\1.jpg"類似這樣的感覺
首先你的代碼有一處錯誤的地方
document.getElementById("imgPath").click();
document.getElementById("filepath").src=document.getElementById("imgPath").value;
你剛剛出發click直接就想獲取用戶輸入的圖片文件路徑,那時候用戶還沒有選擇完畢,甚至對話框還沒有打開,所以你獲取的路徑始終是上一次的
出於安全性考慮IE8以上版本 file 返回的路徑都是 C:\fakepath\[文件名] 也就是說無論你選擇任何文件你獲取的地址都是 C:\fakepath\[文件名] 根本無法得到真實的地址
其次,就算你的到真實的地址 c:\123.bmp 在運行網站中也不允許img src設置為本機的,也是出於安全性考慮,就是在線的網頁無法訪問客戶端的文件地址
所以你的實現思路還需要修改
可以給file選擇控制項加一個 oncheng用來接收用戶選擇文件後的事件
<input type="file" name="imgPath" id="imgPath" onchange="upimg()" />
function upimg(){
alert("用戶選擇了文件");
}
然後我這里提供html5的方案
<html>
<body>
<script>
function upimg(){
if ( typeof(FileReader) === 'undefined' ){
alert("你的瀏覽器不支持HTML5,現在也只有IE11以下的瀏覽器不支持了,你為什麼不換瀏覽器?")
} else {
var reader = new FileReader();
reader.onload = function(e){
document.getElementById("filepath").src=this.result;
}
if(document.getElementById("imgPath").length==0)
{
alert("請選擇一個圖片!");
return;
}
reader.readAsDataURL(document.getElementById("imgPath").files[0]);
}
}
</script>
<form name="form" method="post" action="suburl" enctype="multipart/form-data">
<input type="file" name="imgPath" id="imgPath" onchange="upimg()" />
<br>
<input type="submit" value="保存" onclick="dogongs()"/>
<img src="" id="filepath" width="92" height="130"/>
</form>
</body>
</html>
❼ extjs 要在選擇按鈕後增加一個上傳按鈕，
單個按鈕的話，參考如下，如果你是想通過兩個按鈕來表達開關稍作擴展即可：
new Ext.Button ({
scale:'Large',
fieldLabel :'是否',
iconAlign : 'left',
id : 'ynButton',
tag : 'Y',
handler :function(button){
if(button.tag == 'N'){
button.tag = 'Y';
Ext.getDom(button.getId()).innerHTML ='Y圖片';
}else if(button.tag=='Y'){
button.tag= 'N';
Ext.getDom(button.getId()).innerHTML ='N圖片';
}
}
})
❽ html點擊button彈出選擇文件，上傳，這個怎麼實現
<div class="button operating-button" id="fileUpdate-button">上傳文件</div>
<form action="" id ="fileUpdate-form">
<input type="file" name="filename" id="fileUpdate-input" style="display: none" />
</form>
<script type="text/javascript">
//上傳文件處理
var fileUpdate_button = document.getElementById("fileUpdate-button");
var fileUpdate_input = document.getElementById("fileUpdate-input");
var fileUpdate_form = document.getElementById("fileUpdate-form");
fileUpdate_button.onclick = function () {
fileUpdate_input.click();
}
fileUpdate_input.onchange = function () {
fileUpdate_form.submit();
}
</script>
❾ C#文件上傳（textbox，button）
問題是什麼
從你的代碼來看窗體程序似乎和網站在同一台機器，那就只需要復制文件過去就行了，如果不在同一台機器，那你是無法直接訪問伺服器的文件系統的（wwwroot之類）
可以考慮ftp、http服務(wcf等)
❿ 頁面上有一個文件上傳控制項FileUpload1,旁邊用一個按鈕,點擊按鈕,如何實現上傳功能
首先給這個按鈕綁定一個後台Click事件，
protected void Submit_Click(object sender, EventArgs e)
{
UploadFilesToServer(this.fileUpload.FileName,FileEnum.FileEnumType.bookDown,imgFile);
}
/// <summary>
/// 將文件保存到伺服器
/// </summary>
/// <param name="filePath">上傳控制項中的路徑</param>
/// <param name="type">上傳文件的類型</param>
/// <param name="imgFile"></param>
/// <returns></returns>
public string UploadFilesToServer(string filePath, FileEnum.FileEnumType type, HttpPostedFile imgFile)
{
if (!string.IsNullOrEmpty(filePath))
{
string houzui = new FileInfo(filePath).Extension;
if (houzui.ToLower().Equals("." + FileEnum.FileExtension.zip.ToString()) || houzui.ToLower().Equals("." + FileEnum.FileExtension.rar.ToString()))
{
System.IO.FileStream fs = new FileStream(filePath, FileMode.Open, FileAccess.Read);
byte[] mydata = new byte[fs.Length];
int length = Convert.ToInt32(fs.Length);
fs.Read(mydata, 0, length);
string filename = DateTime.Now.ToString("yyyyMMddHHmmssffff") + houzui;
string savePath = string.Empty;
savePath = ConfigurationManager.AppSettings["uploadFilePath"] + type.ToString() + "/" + filename;
fs = new FileStream(Context.Server.MapPath(savePath), FileMode.Create, FileAccess.Write);
fs.Write(mydata, 0, mydata.Length);
fs.Flush();
fs.Close();
return savePath;
}
return string.Empty;
}
return string.Empty;
}