.ajax 上传图片 ajax图片上传并预览

var xhr;

function createXMLHttpRequest() {

if (window.ActiveXObject) {

xhr = new ActiveXObject("Microsoft.XMLHTTP");

} else if (window.XMLHttpRequest) {

xhr = new XMLHttpRequest();

}

}

//上传预览图片效果

$(function() {

$("#file").click(function() {

$('.line').css('opacity', 1);

var img = document.getElementById("loc_img");

img.src = '';

});

$("#file").change(function() {

var file = this.files[0];

if (window.FileReader) {

var reader = new FileReader();

reader.readAsDataURL(file);

//监听文件读取结束后事件

reader.onloadend = function(e) {

showXY(e.target.result, file.fileName);

};

}

});

});

function showXY(source) {

var img = document.getElementById("loc_img");

img.src = source;

$('.line').css('opacity', 0);

}