html 图片上传跨域 html5 ajax 跨域上传图片

html:

js:

// 读取地址

function readURL(input, tmpimg) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

if (!/image/.test(e.target.result)) {

alert('请上传图片格式...');

return false;

alert(22);

}

tmpimg.attr('src', e.target.result);

}

reader.readAsDataURL(input.files[0]);

}

}

var stringImg = "";

$(function () {

// var tmpimgurl = $(".choseimg img").attr('src');

// 头像

$(".choseimg input").change(function () {

var $me = $(this);

var $img = $me.parent().find('img');

readURL(this, $img);

var file = this.files[0];

var formData = new FormData();

formData.append('img1', file);

$.ajax({

type: "POST", //必须用post

url: "http:///MicroMartApi/MemberHandler.ashx?action=upload&username=" + username.username,

crossDomain: true,

jsonp: "jsoncallback",

data: formData,

contentType: false, //必须

processData: false,

//不能用success，否则不执行

complete: function (data) {

var data = eval(data.responseText);

console.log(data.Data);

}

});

});

});