上传图片后将图片显示在某一个div区域内

来源:互联网 发布:淘宝登陆界面 编辑:程序博客网 时间:2024/04/19 19:32

<input type="file" name="fileField" class="file" id="fileField" size="28" onchange="change(this);" />


var parthi = null;

function change(par){
    parthi = par;
    document.getElementById('textfield').value=par.value;
    }


preview(parthi);


function preview(file) {

        var prevDiv = document.getElementById('preview');
        if (file.files && file.files[0]) {
          var reader = new FileReader();
          reader.onload = function(evt) {
            prevDiv.innerHTML = '<img src="' + evt.target.result + '" />';
          }
          reader.readAsDataURL(file.files[0]);
        }
      }
0 0
原创粉丝点击