<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>Title</title> </head> <body> <input id="imginput" type="file" accept="image/*" onchange="showImg(this)"> <div id="img1"> <canvas></canvas> </div> </body> <script> window.URL=window.URL||window.webkitURL; var divimg1 = document.getElementById("img1"); function showImg(obj){ var files = obj.files; var img = new Image(); img.width = 100; if(window.URL){ img.src = window.URL.createObjectURL(files[0]); }else{ //opera不支持createObjectURL/revokeObjectURL方法。需要用FileReader对象来处理 var reader = new FileReader(); reader.readAsDataURL(files[0]); reader.onload = function(e){ img.src = this.result; img.width = 200; img.id="img01"; divimg1.appendChild(img); } } img.id="img01"; divimg1.appendChild(img); } </script> </html>
博客列表 >demo
demo
- Mr.A的博客原创转载
- 2017年07月24日 11:31:39479浏览
上一条：时间长久忘的Mysql命令下一条：PHP是世界上最好的語言
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议
