预览本地图片的二三事

到目前为止,只有IE和FF可以预览本地图片。IE下可以直接浏览本地图片,通过input[type=file]的value属性就可以取到本地图片的路径。而在FF下,有getAsDataURL的方法可以生成图片的DataURL,然后赋值给img标签。

IE下的演示:

document.getElementById("upload").onchange = function() {
	document.getElementById("image").src = this.value;
}

FF下的演示:

document.getElementById("upload").onchange = function() {			
	document.getElementById("image").src = this.files[0].getAsDataURL();
}

预览本地图片的二三事》上有1条评论

  1. Pingback引用通告: » 预览本地图片的二三事 » UED TEAM

发表评论