码迷,mamicode.com
首页 > Web开发 > 详细

图片上传预览功能

时间:2017-12-06 13:07:55      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:for   上传   对不起   gif   gid   nbsp   preview   sof   creat   

 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;
        }
    }
 }

 

图片上传预览功能

标签:for   上传   对不起   gif   gid   nbsp   preview   sof   creat   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!