本文实例讲述了js实现上传图片预览的方法。分享给大家供大家参考。具体实现方法如下：
复制代码 代码如下:
function previewimage(imgfile)
{
    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;
document.getelementbyid(imgpreview).innerhtml=;
    document.getelementbyid(imgpreview).style.filter = progid:dximagetransform.microsoft.alphaimageloader(enabled='true',sizingmethod='scale',src=\ + path + \);//使用滤镜效果 
    }
    else//ff
    {
    path = imgfile.files[0].getasdataurl();
    document.getelementbyid(imgpreview).innerhtml = ;
    // document.getelementbyid(img1).src = path;
    }
    }
}
调用：
复制代码 代码如下:
上传图片:         style=width: 200px; height: 20px; onchange=previewimage(this) id=upload />
运行效果如下图所示：
希望本文所述对大家的javascript程序设计有所帮助。