Asp.net C#上载控件
我已经创建了一个图像上传控件,但是我对它的外观不满意。我只想显示按钮,而不是按钮左侧的文本框。是否有任何方法可以使用普通按钮控件或链接按钮控件打开文件对话框。呈现方式取决于您使用的浏览器。查看关于如何使其统一但隐藏实际渲染并拥有自己的渲染的内容。渲染方式取决于您使用的浏览器。查看一下关于如何使其统一但隐藏实际渲染并拥有自己的渲染的讨论。浏览器在控制上传输入的样式方面具有非常严格的限制,以尝试减轻欺骗用户可能造成的损害 也就是说,您可以执行与您要求的类似的操作,但您还必须考虑到,每个浏览器都将上载按钮放置在不同的位置,您将通过在此处或此处放置隐藏元素来有效地修改样式,并且外观/功能可能不会在所有浏览器中保持一致Asp.net C#上载控件,c#,asp.net,file-upload,C#,Asp.net,File Upload,我已经创建了一个图像上传控件,但是我对它的外观不满意。我只想显示按钮,而不是按钮左侧的文本框。是否有任何方法可以使用普通按钮控件或链接按钮控件打开文件对话框。呈现方式取决于您使用的浏览器。查看关于如何使其统一但隐藏实际渲染并拥有自己的渲染的内容。渲染方式取决于您使用的浏览器。查看一下关于如何使其统一但隐藏实际渲染并拥有自己的渲染的讨论。浏览器在控制上传输入的样式方面具有非常严格的限制,以尝试减轻欺骗用户可能造成的损害 也就是说,您可以执行与您要求的类似的操作,但您还必须考虑到,每个浏览器都将上载
有一些您正在寻找的信息。浏览器在控制上传输入的样式方面具有非常严格的限制,以尝试减轻欺骗用户可能造成的损害 也就是说,您可以执行与您要求的类似的操作,但您还必须考虑到,每个浏览器都将上载按钮放置在不同的位置,您将通过在此处或此处放置隐藏元素来有效地修改样式,并且外观/功能可能不会在所有浏览器中保持一致
有一些你正在寻找的信息。我得到了这个简单的例子,在Firefox4、IE6和IE9中都可以使用,但不幸的是,它在Chrome10中不起作用
<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" />
$(文档).ready(函数(){
var cnt=1;//用于干扰id
$('#上载')。单击(函数(){
//添加新的文件浏览器上载控件,并使用文件信息调用AppendFileToList
$(“#文件”)。追加(“”);
document.getElementById(“fileupload”+cnt)。单击();//调用浏览器文件上载对话框
cnt++;
});
});
//将文件信息附加到div
函数AppendFilesToList(evt){$(“#listfiles”).append(evt+”
;}
但是,你可以查看这些关于样式的帖子:我得到了一个在Firefox4、IE6和IE9中工作的简单示例,但不幸的是,它在Chrome10中不工作
<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" />
$(文档).ready(函数(){
var cnt=1;//用于干扰id
$('#上载')。单击(函数(){
//添加新的文件浏览器上载控件,并使用文件信息调用AppendFileToList
$(“#文件”)。追加(“”);
document.getElementById(“fileupload”+cnt)。单击();//调用浏览器文件上载对话框
cnt++;
});
});
//将文件信息附加到div
函数AppendFilesToList(evt){$(“#listfiles”).append(evt+”
;}
不过,你可以看看这些关于样式的帖子:我试过了,它在Firefox中有效,但在Opera和Safari中都不起作用。但基本上我只是想让它为Firefox工作。谢谢我试过了,它在Firefox中运行,但在Opera和Safari中都不起作用。但基本上我只是想让它为Firefox工作。谢谢