function fileUploadPreview(thisObj, preViewer) {
    if(!/(\.gif|\.jpg|\.jpeg|\.png)$/i.test(thisObj.value)) {
        alert("이미지 형식의 파일을 선택하십시오");
        return;
    }

    preViewer = (typeof(preViewer) == "object") ? preViewer : document.getElementById(preViewer);
    var ua = window.navigator.userAgent;

    if (ua.indexOf("MSIE") > -1) {
        var img_path = "";
        if (thisObj.value.indexOf("\\fakepath\\") < 0) {
            img_path = thisObj.value;
        } else {
            thisObj.select();
            var selectionRange = document.selection.createRange();
            img_path = selectionRange.text.toString();
            thisObj.blur();
        }
        preViewer.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fi" + "le://" + img_path + "', sizingMethod='scale')";
    } else {
        preViewer[removed] = "";
        var W = preViewer.offsetWidth;
        var H = preViewer.offsetHeight;
        var tmpImage = document.createElement("img");
        preViewer.appendChild(tmpImage);

        tmpImage.onerror = function () {
            return preViewer[removed] = "";
        }

        tmpImage.onload = function () {
            if (this.width > W) {
                this.height = this.height / (this.width / W);
                this.width = W;
            }
            if (this.height > H) {
                this.width = this.width / (this.height / H);
                this.height = H;
            }
        }
        if (ua.indexOf("Firefox/3") > -1) {
            var picData = thisObj.files.item(0).getAsDataURL();
            tmpImage.src = picData;
        } else {
            tmpImage.src = "file://" + thisObj.value;
        }
    }
}

function FileButton(imageswap, imagesrc)
{
 this.imageswap = imageswap;
 this.imagesrc = imagesrc;
 this.swapnode = document.getElementsByTagName("INPUT");
 this.filebox = document.createElement("DIV");
 this.filebox.style.width = "0px";
 this.filebox.style.height = "0px";
 this.filebox.style.position = "relative";
 this.filebox.style.overflow = "hidden";
}
FileButton.prototype =
{
 getBounds: function (tag) {
  var ret = new Object();
  if (tag.getBoundingClientRect) {
   var rect = tag.getBoundingClientRect();
   ret.left = rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft);
   ret.top = rect.top + (document.documentElement.scrollTop || document.body.scrollTop);
   ret.width = rect.right - rect.left;
   ret.height = rect.bottom - rect.top;
  } else if (document.getBoxObjectFor) {
   var box = document.getBoxObjectFor(tag);
   ret.left = box.x;
   ret.top = box.y;
   ret.width = box.width;
   ret.height = box.height;
  } else {
   ret.left = tag.offsetLeft;
   ret.top = tag.offsetTop;
   ret.width = tag.offsetWidth;
   ret.height = tag.offsetHeight;
  }
  if (navigator.appName == "Microsoft Internet Explorer") {
   ret.left -= 2;
   ret.top -= 2;
  }
  return ret;
 },
 swap: function (swapnode) {
  var This = this;
  var filebox = this.filebox.cloneNode(true);
  var image = new Image();
  var imageurl = swapnode.getAttribute(this.imagesrc);
  swapnode[removed].insertBefore(filebox, swapnode);
  filebox.appendChild(swapnode);
  filebox.appendChild(image);
  filebox.style.width = this.getBounds(swapnode).width + "px";
  filebox.style.height = this.getBounds(swapnode).height + "px";
  image.onload = function () {
   this[removed].style.backgroundImage = "url(" + this.previousSibling.getAttribute(This.imagesrc) + ")";
   this[removed].style.backgroundRepeat = "no-repeat";
   this[removed].style.width = this.width + "px";
   this[removed].style.height = this.height + "px";
   this.previousSibling.style.filter = "alpha(opacity=0)";
   this.previousSibling.style.opacity = 0;
   this.previousSibling.style.fontSize = (Math.max(this.width, this.height) + 30) + "px";
   this.previousSibling.style.position = "relative";
   this.previousSibling.style.height = (this.height + 30) + "px";
   this.previousSibling.style.left = (0 - This.getBounds(this.previousSibling).width) + "px";
   this.previousSibling.style.top = "-10px";
   
   var parentnode = this[removed];
   var divForGetHTML = filebox.cloneNode(false);
   divForGetHTML.appendChild(this.previousSibling);
   parentnode[removed] = divForGetHTML[removed];

   var fileright = This.getBounds(parentnode.firstChild).left + This.getBounds(parentnode.firstChild).width;
   var boxright = This.getBounds(parentnode).left + This.getBounds(parentnode).width;
   if (fileright < boxright) {
    parentnode.firstChild.style.left = (This.getBounds(parentnode.firstChild).left + boxright) + "px";
   }

   divForGetHTML = null;
   parentnode.firstChild.setAttribute(This.imageswap, "swapped");
  }
  image.src = swapnode.getAttribute(this.imagesrc);
 },
 write: function (source) {
  var spanid = "spanforFileButton" + new Date().getTime();
  [removed]('<span id="' + spanid + '">' + source + '</span>');
  var span = document.getElementById(spanid);
  this.swap(span.firstChild);
  span[removed].insertBefore(span.firstChild, span);
  span = null;
 },
 run: function () {
  for (var i = 0; i < this.swapnode.length; i++) {
   var swapnode = this.swapnode[i];
   if (swapnode.type == "file" && swapnode.getAttribute(this.imageswap) == "true") {
    this.swap(swapnode);
   }
  }
 }
}

<script type="text/javascript"> 
var myFileButton = new FileButton("imageswap", "imagesrc");
window.onload = function () {
}

<table width="646" border="0" cellspacing="0" cellpadding="0"  id="6">
    <tr>
         <td>
          <div id="preView" class="preView" title="이미지미리보기" style="width:100px; height:100px;"><img src="<?=IMAGE_SRC?>/mycar/profile.gif"></div>
 </td>
         <td rowspan="2"></td>
    </tr>
    <tr>
         <td>
              <div class="nonl">
                   <script type="text/javascript">
       myFileButton.write('<input type="file" accept="image/*" name="uploadfile" imageswap="true" imagesrc="<?=IMAGE_SRC?>/button-5.gif" onmousedown="this[removed].style.backgroundPosition=\'2px 2px\';"       onmouseup="this[removed].style.backgroundPosition=\'0px 0px\';" onchange="fileUploadPreview(this, \'preView\');" />');
   </script>
      </div>
 </td>
    </tr>
</table>