我想从用户的本地文件中读取图片。 (用户在ie7 -ie9下,所以它不支持完整版的html5)我发现我第一次假设输入文件值,图片没有显示,第二次我换了另一张图片,图片能表现出来。只是想知道如何在我第一次输入它可以显示的图片时。
我想从用户的本地文件中读取图片,我在下面的代码中应用:
function ShowImage(obj){
var allowSuffix=".jpg|.gif|.bmp|.png"; //.jpg,.bmp,.gif,.png
var suffix=obj.value.substring(obj.value.lastIndexOf(".")+1).toLowerCase();
var browserVersion= window.navigator.userAgent.toUpperCase();
if(allowSuffix.indexOf(suffix)>-1){
if(browserVersion.indexOf("MSIE 7.0")>-1 || browserVersion.indexOf("MSIE 8.0")>-1 || browserVersion.indexOf("MSIE 9.0")>-1){//ie7, ie8, ie9
obj.select();
var source=document.selection.createRange().text;
obj.blur();
var newPreview = document.getElementById("divNewPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = source;
newPreview.style.width = 160;
newPreview.style.height = 170;
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
$("#divPreview").attr("style","display:none");
$("#divNewPreview").attr("style","filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);width:160px;height:170px;border:solid 1px #d2e2e2;");
}
}
}
html部分代码很简单:
<div id="divNewPreview" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image ); width: 160px; height: 170px; border: solid 1px #d2e2e2; display: none;"></div>
<p>
input file: <input type="file" onchange="ShowImage(this)" />
</p>
答案 0 :(得分:0)
旧浏览器无法访问本地文件系统。您需要先将其发布到服务器,然后才能查看该文件。