html语言中怎么上传图片,HTML5中怎么访问本地图片，然后上传到页面显示？

读图片文件

var result = document.getElementById("result");

var file = document.getElementById("file");

//判断浏览器是否支持FileReader接口

if(typeof FileReader == 'undefined') {

result.InnerHTML = "

你的浏览器不支持FileReader接口！

";

//使选择控件不可操作

file.setAttribute("disabled", "disabled"); //使得之前操作失效，重新启动

}

function readAsDataURL() {

//检验是否为图像文件

var file = document.getElementById("file").files[0];

if(!/image\/\w+/.test(file.type)) {

alert("这不是图片文件！请检查！");

return false;

}

var reader = new FileReader();

//将文件以Data URL形式读入页面

reader.readAsDataURL(file);

reader.onload = function(e) {

var result = document.getElementById("result");

//显示文件

result.innerHTML = '';

}

}

* {

margin: 0;

padding: 0;

}

请选择一个图片文件：

图片显示区