本地选择图片文件进行预览

经观察 qq空间 等上传图片的预览 都是先将图片上传到服务器,然后在通过远程图片url进行本地阅览。

思路:对于支持 window.url 的浏览器 使用 url= window.url.createObjectURL(file); img.src = url;

不支持window.url 的ie 使用:div.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='"+完整文件名+"')"

栗子:

fileInput.onchange = function(e)
{
this.select();
var nfile = document.selection.createRange().text;
alert("当前选择的文件完整路径是:"+nfile);
document.selection.empty(); document.getElementById("tp").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image',src='"+nfile+"')";
}

以上两种都不支持,先将图片 传到服务器 再进行 预览.

原文地址:https://www.cnblogs.com/chillaxyw/p/5784187.html