美化文件按钮
来源:互联网 发布:网络斑马斑马什么意思 编辑:程序博客网 时间:2024/05/21 11:34
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>美化input中的文件按钮</title> <style type="text/css"></style></head><body><div id="imgdisplay"><img src="000/images/food2.png"></div><label class="btn" for="file">点击上传图片</label><input type="file" id="file" class="file" style="display: none;"></body><script type="text/javascript"> document.getElementById('file').onchange = function() { var imgFile = this.files[0]; var fr = new FileReader(); fr.onload = function() { document.getElementById('imgdisplay').getElementsByTagName('img')[0].src = fr.result; }; fr.readAsDataURL(imgFile); };</script></html>
当你的鼠标点击“点击上传图片”,上传的图片的位置会代替以前图片的位置
0 0
- 美化文件按钮
- 美化input文件上传按钮
- 上传文件file按钮的美化处理
- 关于文件上传按钮的美化
- 按钮美化
- 按钮美化
- 美化程序之美化按钮
- 类似微博的文件上传按钮file的美化
- CSS美化上传按钮并获取上传文件路径
- 文件上传按钮样式美化,显示图片路径
- 关于页面浏览文件按钮的修改美化css
- CSS美化上传按钮并获取上传文件路径
- C#实现按钮美化
- 美化VC6的按钮
- 用图片美化按钮
- 美化单选按钮
- ios之美化按钮
- QT按钮美化
- 十六进制转八进制
- 深度学习经典网络--学习笔记
- 在ubuntu下使用fiddler
- openstack镜像格式转换
- CCFCSP201312-3最大的矩形
- 美化文件按钮
- 【STM8L】STM8L之按键中断
- C++——NOIP模拟题——装果子
- python3.6安装numpy scipy matplotlib的正确打开方式(win64)
- 大数据统计:发布近期网络辟谣TOP10,看看你信过几条?
- MII_GMII_RGMII_RMII_SMII_SSMII_TBI_RTBI
- 有关FFT频率与实际物理频率的分析
- 手推SVM
- OKhttp 拦截器Intercept token失效验证