首页 > Web开发 > 详细

图片上传预览功能

时间:2017-12-06 12:33:27      阅读:209      评论:0      收藏:0      [点我收藏+]
 function PreviewImage(imgFile,key,key1,key2)
 {
    var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);
    filextension=filextension.toLowerCase();
    if ((filextension!=‘.jpg‘)&&(filextension!=‘.gif‘)&&(filextension!=‘.jpeg‘)&&(filextension!=‘.png‘)&&(filextension!=‘.bmp‘))
    {
        alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
        imgFile.focus();
    }
    else
    {
        var path;
        if(document.all)//IE
        {
            imgFile.select();
            path = document.selection.createRange().text;

            var key_all=key+‘_‘+key1+‘_‘+key2;
            document.getElementById("imgPreview"+key_all).innerHTML="";
            document.getElementById("imgPreview"+key_all).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=‘true‘,sizingMethod=‘scale‘,src=\"" + path + "\")";//使用滤镜效果      
        }
        else//FF
        {   
            //alert(key);return false;
            var key_all=key+‘_‘+key1+‘_‘+key2;
            //alert(key);return false;
            path=window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上
            //path = imgFile.files[0].getAsDataURL();// FF 3.0
            //alert("imgPreview_"+key_all);return false;
            document.getElementById("imgPreview_"+key_all).innerHTML = "<img width=‘120px‘ height=‘100px‘ src=‘"+path+"‘/>";
            //document.getElementById("img1").src = path;
        }
    }
 }

 

图片上传预览功能

原文:http://www.cnblogs.com/xie-xiao-chao/p/7991979.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!