使用名为 fineloader 的 JavaScript 插件上传文件。我的代码在下面和一个 live demo is located here .出于某种原因，按钮和输入不显示使用 IE7 和我的笔记本电脑使用 IE8，但显示使用我的虚拟机和 IE8 以及 IE9/FF/等。任何帮助使其可见的帮助都将不胜感激。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fine Uploader - Basic</title>
</head>
<style>
#upload-block {width: 280px;}
button.gray {
border:1px solid black;
color: black;
height: 25px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="fineuploader-3.1.js"></script>
<script>
$(document).ready(function() {
var uploader = new qq.FineUploaderBasic({button: document.getElementById('uploader')});
});
</script>
<body>
<div>
<label>FILE:</label>
<div id="upload-block">
<div id="uploader">
<input type="text" readonly id="myFilename">
<button class="gray">BROWSE</button>
</div>
</div>
</div>
</body>
</html>
最佳答案
您的上传按钮有点奇怪。为什么要提供一个已经有文本输入的 div 和一个按钮元素作为子元素？您是否知道 fine uploader 还会添加一个文件输入元素作为您按钮的子元素(在本例中为 #uploader)？
我建议您将文本输入移到别处，但我不能肯定地说这会给您带来问题，因为我觉得一切都很好。虽然，我没有 IE8 的真实副本(我使用的是兼容模式，就像这里的其他海报一样)。
我建议您将上传按钮选项元素修改为如下所示:
<div id="uploader">
<div>BROWSE</div>
</div>
并将您的文本输入放在其他地方，也许作为#uploader 的同级。
此外，根本不要为您的 uploader “按钮”使用按钮元素。 IE 中的事件委托(delegate)问题将阻止输入子项(由 Fine Uploader 添加)接收点击事件。
关于javascript - fineuploader 按钮不显示 IE7/8，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13962283/