input上传图片+预览图片
来源:互联网 发布:seven eleven 网络语 编辑:程序博客网 时间:2024/05/17 08:18
使用原声input上传图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>URL.createObjectURL()</title> </head> <body> <input type="file" accept="image/*" id='chooseImg'/> <img src="" alt="" id='preview'/> </body> <script> var inp=document.getElementById("chooseImg") inp.onchange=function(){ var file=this.files[0] console.log(file) imageUrl = URL.createObjectURL(file); image = document.getElementById("preview"); image.src = imageUrl; } </script></html>
阅读全文
0 0
- input 上传图片预览
- input上传图片+预览图片
- input 上传图片预览实现
- input file上传图片预览
- input上传图片并预览
- input file 上传图片预览
- input file上传图片预览
- 预览input上传的图片
- input上传图片并预览
- JS input file图片上传预览效果
- input type="flie" 图片上传 预览
- 上传图片时,Input file图片预览的实现
- 图片上传+图片预览
- HTML5 input file 图片上传,压缩,上传,预览
- input file 预览图片
- input file图片预览
- input选择图片 预览图片
- [js实例] input type=file 上传图片预览 createObjectURL
- Tomcat 字符编码问题
- python中的全局变量与局部变量
- 产品怎样做好后台管理系统
- Android面试攻略
- DRUID配置多数据源项目
- input上传图片+预览图片
- C++ 基类构造函数带参数的继承方式及派生类的初始化
- CSS命名实践
- NSIS 简介
- libevent源码分析
- 篮球,提中枢脚-是否走步,专门找了图科普一下
- 利用JS做出来的倒计时的效果
- caffe的python接口——写solver.prototxt
- Windows10+Ubuntu16.04双系统安装