示例 JS 代码如下:
<style >
#preview_ie {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
}
</style>
<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new window.FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
}
var newPreview = document.getElementById("preview_ie");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src =input.value;
newPreview.style.width = "160px";
newPreview.style.height = "120px";
}
</script>
以及相关的 HTML:
<body>
<form id="form1" runat="server">
<input type='file' onchange="readURL(this);" />
<img id="blah" src="#" alt="your image" />
</form>
</body>
. 适用于 IE7、IE8、FF 和 Chrome 所有浏览器。但问题是我使用 mvc 3.0 razor 应用程序以 .cshtml 形式集成在 IE8 中的时间问题。简单的文件扩展名是 .html 工作很好。那我该怎么办?