在h5中用JS从本地引入照片及其显示
2017-09-03 14:53
211 查看
JS代码:
html核心代码:
function Click_input(){ document.getElementById('Page2_caozuoquyu_input').addEventListener('change',function(e){ var files = this.files; var img = new Image(); var reader = new FileReader(); reader.readAsDataURL(files[0]); reader.onload = function(){ //img的定位 img.src = this.result; img.setAttribute("id","Page2_caozuoquyu_tupian1"); img.style.width = "50%"; img.style.height= "50%"; img.style.top="30"; img.style.left="20"; img.style.position='absolute'; //添加img子节点 document.getElementById('Page2_caozuoquyu').appendChild(img); } }); }
html核心代码:
//input标签 <div id="Page2_caozuoquyu"> <input type="file" multiple accept="image/*" id="Page2_caozuoquyu_input" onclick="Click_input()" /> </div>
相关文章推荐
- xcode,在webView中引入本地html,image,js,css文件的方法
- html中用js调用ASP文件 实现静态页面动态显示
- html中用js动态显示时间总结
- js 移动端漂亮input框上传本地,显示缩略图,点击可以查看大图
- xcode,在webView中引入本地html,image,js,css文件的方法(ios自学笔记)
- Bootstrap—解决引入本地Bootstrap文件字体图标无法显示问题
- iOS之在webView中引入本地html,image,js,css文件的方法
- js+css完成网站的会员照片信息显示效果
- FLASH 调用摄像头 JS中方法触发拍照,并将照片保存到本地文件夹
- html中用js调用ASP文件 实现静态页面动态显示
- js中百度地图API获取本地搜索全部结果自定义显示效果
- 使用微信的 JS SDK 选取手机照片并进行上传,Iphone无法显示缩略图
- 本地开发HTML如何引入JS和CSS?action要学sevlet最好不要全局变量?
- PHP+JS动态显示服务器时间,本地时间
- 23、H5新增js属性之本地存储
- html中用js调用ASP文件 实现静态页面动态显示
- 用js实现加载本地图片并显示并将图片信息上传至服务端
- 浏览器显示本地照片 image
- flask-bootstrap 模版中所需的CSS/JS文件如何实现本地引入
- iOS之在webView中引入本地html,image,js,css文件的方法