ajax上传图片后实现预览

    <input type="file" name="file1" style="width:300'" class="tx1" value="" ōnchange="PreviewImg(this);">
 
 <div style="width:400px;height:300px;border:1px solid #aaaaaa;overflow:auto" id="previewDiv">
 </div>
<scrīpt language="javascrīpt">

function PreviewImg(obj){
  var div = document.getElementById("previewDiv");
  if(obj.value=="" || div.childNodes.length>0){
    div.removeChild(div.firstChild);
    if(obj.value=="")return;
  }
  var ext = obj.value.substring(obj.value.lastIndexOf(".")+1)
  div.appendChild(getFlash(obj.value,ext));
}
function getFlash(src,ext){
    var img;


    switch(ext.toLowerCase()){
        case "jpg":
        case "jpeg":
        case "bmp":
        case "gif":
        case "png":
            img = document.createElement("img");
            break;
        case "swf":
            img = document.createElement("embed");
            img.type="application/x-shockwave-flash";
            img.width=400;
            img.height=300;
            break;
    }
    img.src=src;
    return img;
}
</scrīpt>

本篇文章来源于 www.87717.com 原文链接：http://www.87717.com/ajax/ajax_9556.html