以下のサンプル 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のすべてのブラウザで動作しますが、問題は.cshtmlフォームに統合されたmvc 3.0カミソリアプリケーションを使用していて、IE8で問題が発生しました。単純なファイル拡張子は .html の作業で問題ありません。それで、なにかお手伝いできますか？