不采用flash的方法预览准备上传的头像然后在上传

  • 作者:cyk
  • 朝圣言
  • 时间:2016-04-01 11:19:22
  • 9638人已阅读
 前端 , 小知识  jquery 

$("#fileimg").是一个类型为file的输入框,作为ajaxform的一个字段,为了美观,故将其隐藏起来。

$("#fileimg") .change( function () 
{
    var $file = $(this);
    var fileObj = $file[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 
    {
        dataURL = $file.val();
        var imgObj = document .getElementById("preview");
        imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
        imgObj.filters .item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
    }
});


文章评论

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Top