❶ 为什么上传附件无法显示上传按钮
第一步：首先检查浏览器设置：
打开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;
}