$("input").change(function () {
var fileObj = $(this)[0];
var windowURL = window.URL || window.webkitURL;
var dataURL;
var $img = $("#preview");
if (fileObj && fileObj.files && fileObj.files[0]) {
dataURL = windowURL.createObjectURL(fileObj.files[0]);
$img.attr('src', dataURL);
} else {
//在IE9下,获取图片绝对路径
var imgObj = document.getElementById("preview");
var file = document.getElementById("input");
file.select();
file.blur();
var dataURL = document.selection.createRange().text;
document.selection.empty();
imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + dataURL + "',sizingMethod=image)";
//图片必须显示出来,才能获取原图片的高和宽
$("#preview").show();
//获取原图片的高和宽
var nWidth = imgObj.offsetWidth;
var nHight = imgObj.offsetHeight;
//按比例设置图片的宽
var imgWidth = parseInt(nWidth * (200 / nHight));
$('.preview_img').css("width",imgWidth);
imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + dataURL + "',sizingMethod=scale)";
}
var options = {
url: "...",
success: function (res) {
//...
},
resetForm: true
};
$("form").ajaxSubmit(options);
});
IE9上传/预览图片(自适应)
猜你喜欢
转载自blog.csdn.net/qq_34576655/article/details/82971648
今日推荐
周排行