主要是运用html5的 filereader可以参考 http://blog.csdn.net/yaoyuan_difang/article/details/38582697
上传多张图片.img-div{
border: 1px solid #ddd;
border-radius: 100%;
float: left;
line-height: 1;
margin-left: 5px;
overflow: hidden;
}
//选择图片,马上预览
function xmTanUploadImg(obj) {
var fl=obj.files.length;
for(var i=0;i
var file=obj.files[i];
var reader = new FileReader();
//读取文件过程方法
reader.onloadstart = function (e) {
console.log("开始读取....");
}
reader.onprogress = function (e) {
console.log("正在读取中....");
}
reader.onabort = function (e) {
console.log("中断读取....");
}
reader.onerror = function (e) {
console.log("读取异常....");
}
reader.onload = function (e) {
console.log("成功读取....");
var imgstr='';
var oimgbox=document.getElementById("imgboxid");
var ndiv=document.createElement("div");
ndiv.innerHTML=imgstr;
ndiv.className="img-div";
oimgbox.appendChild(ndiv);
}
reader.readAsDataURL(file);
//alert(1);
}
}