IE9上传/预览图片(自适应)

$("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);

    });

猜你喜欢

转载自blog.csdn.net/qq_34576655/article/details/82971648