使用文件上传使用javascript显示图像

时间:2014-03-21 09:13:25

标签: javascript

如何使用文件输入类型在html中获取图像而不是图像名称。我已经使用css文件来定位图像文件。我已经尝试了所有类型的代码......请帮忙。

<input type="file" name="photo" id="photo" onchange="readURL()"/>


function readURL()
{
   document.getElementById('previewimage').style.display='block';
}

1 个答案:

答案 0 :(得分:1)

function readURL()
{
if (document.getElementById('photo').files && document.getElementById('photo').files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
    document.getElementById('previewimage').src = e.target.result;
};
reader.readAsDataURL(document.getElementById('photo').files[0]);
}
}
function openFiledialog(){  
  document.getElementById('photo').click();
}

//

<input type='button' onclick='openFiledialog()' value='photo'/>
<input type="file" style='display:none;' name="photo" id="photo" onchange="readURL()"/>