<input type="file" name="" id="fileval" onchange="getUrl2(this.files,this.id);">
function getUrl2(fil, id) {
$('#myImage').html('');//此处就是显示图片的div
var file = $("#" + id);
if (fil[0].type.indexOf("image") < 0) {
if (fil[0].name.indexOf(".") < 0) {
var picname = fil[0].name.split('%');
if (picname.indexOf("image") < 0) {
alert('不允许上传非图片格式的图片');
file.after(file.clone().val(""));
file.remove();
return;
}
}
else {
alert('不允许上传非图片格式的图片');
file.after(file.clone().val(""));
file.remove();
return;
}
}
var Cnv = document.getElementById('myCanvas2');
var Cntx = Cnv.getContext('2d');//获取2d编辑容器
var imgss2 = new Image();//创建一个图片
var agoimg2 = document.getElementById("images2");
for (var intI = 0; intI < fil.length; intI++) {//图片回显
var tmpFile = fil[intI];
var reader = new FileReader();
reader.readAsDataURL(tmpFile);
reader.onload = function (e) {
url2 = e.target.result;
dealImage2(url2, agoimg2)
}
}
}
function dealImage2(base64Str, obj) {
var img = new Image();
img.src = base64Str;
img.onload = function () {
var that = this;
// 默认按比例压缩
var w = that.width,
h = that.height,
scale = w / h;
w = obj.width || w;
h = obj.height || (w / scale);
var quality = 0.9;
// 默认图片质量为0.7
//生成canvas
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 创建属性节点
var anw = document.createAttribute("width");
anw.nodeValue = w;
var anh = document.createAttribute("height");
anh.nodeValue = h;
canvas.setAttributeNode(anw);
canvas.setAttributeNode(anh);
ctx.drawImage(that, 0, 0, w, h);
// 图像质量
if (obj.quality && obj.quality <= 1 && obj.quality > 0) {
quality = obj.quality;
}
// quality值越小,所绘制出的图像越模糊
var base64 = canvas.toDataURL('image/jpeg', quality);
// 回调函数返回base64的值
//这里就调用接口处理数据,根据自己的需求设置
// var content = '<img src="" alt="" class="tempclass2" style="max-width:90px;height:80px;z-index:999;"/>';
// $('#myImage').append(content);
// $('#myImage').css('display', 'block');
//getMonthLists2("IIS3380", "/AnnouncementManage.aspx?action=uploadPictures", {
// "usercode": "",
// "announcementcode": getQueryString("announcementcode"),
//"base64": base64
// }, $('.tempclass2'));/
}
}