您的位置：首页 > Web前端 > HTML

html图片预览

2020-02-16 21:22 330 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="jquery.js"></script>
</head>
<body>
<input type="file" multiple id="inputs"/>        //multiple(多文件上传)
<div id='dd'></div>

<script>
$(document).ready(function () {
$("#inputs").change(function () {
var fil = this.files;
for (var i = 0; i < fil.length; i++) {
reads(fil[i]);
}
});
});
function reads(fil){
var reader = new FileReader();
reader.readAsDataURL(fil);
reader.onload = function()
{
document.getElementById("dd").innerHTML += "<img src='"+reader.result+"'>";
};
}
</script>
</body>
</html>

　　

转载于:https://www.cnblogs.com/Kqingniao/p/5917068.html

  • 点赞
  • 收藏
  • 分享
  • 文章举报
dengci8343 发布了0 篇原创文章 · 获赞 0 · 访问量 143 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航