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

  • 作者:cyk
  • 朝圣言
  • 时间:2016-04-01 11:19:22
  • 9755人已阅读
 前端 , 小知识  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;
    }
});


本文标题:不采用flash的方法预览准备上传的头像然后在上传
本文链接:https://www.imcyk.com/post/14.html
作者授权:除特别说明外,本文由 cyk 原创编译并授权 莉丝前端 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

文章评论

发表评论:

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

Top