HTML5-FileReader

来源:互联网 发布:selenium java书籍推荐 编辑:程序博客网 时间:2024/06/06 02:46
<!DOCTYPE html ><meta charset="utf-8" /><title>读取一张图片</title><script language="javascript">function GetImage(){var file = document.getElementById("file").files[0];if(!/image\/\w+/.test(file.type)){alert("不是图片");return false;}var reader = new FileReader();reader.readAsDataURL(file);reader.onload = function(e){var result = document.getElementById("result");result.innerHTML = '<img src="'+this.result+'" alt=""/>';}}</script><p><label>请选择一个文件</label>    <input type="file" id="file"/>    <input type="button" onClick="GetImage()" value="确定"/></p><div id="result"></div>


原创粉丝点击