上传图片即时显示<input type="file" />(兼容所有浏览器)
来源:互联网 发布:一切用数据说话 编辑:程序博客网 时间:2024/05/20 03:38
$(function(){ $("#image").change(function (){var reader = new FileReader(); reader.readAsDataURL(this.files[0]); setTimeout(function() { //设置延时,否则取不到result值 $("#img").attr("src",reader.result); }, 100); });});以上是js处理代码。
<img align="center" src="/image/yjz.png" height="240" alt="浏览器不支持" id="img"/><form action="" method="post" enctype="multipart/form-data"> <input id="image" type="file" accept="image/gif, image/jpeg, image/png" name="file" /></form>以上是html代码。
0 0
- 上传图片即时显示<input type="file" />(兼容所有浏览器)
- html 实时显示input type=file 上传的图片
- input type=file 上传图片并显示
- input[type='file'] img图片上传
- CSS美化 input type=file 兼容各个浏览器
- <input type='file' />选择图片不上传,在页面中显示的功能。
- input标签type="file"的格式要求,以及文件阅读,图片上传前的显示
- 模拟input type=file使各浏览器显示统一
- <input type="file">更改 页面显示 浏览 为上传 .
- 上传文件 隐藏input type="file",用text显示
- Android WebView 支持H5图片上传<input type="file">
- input标签 type='file' 上传图片问题
- 使用input标签 type='file' 上传图片的问题
- [js实例] input type=file 上传图片预览 createObjectURL
- input type=file 上传图片前预览 亲测支持 ie8 chrome ff android及ios浏览器(将网上的版本整合一下)
- JavaScript 图片的上传前预览(兼容所有浏览器)
- 上传图片预览一定要兼容所有浏览器
- 图片浏览上传兼容所有浏览器
- iOS9新特性——堆叠视图UIStackView(2)
- 最长重复子串
- js运算符优先级
- TexturePacker free license
- [LeetCode]169. Majority Element
- 上传图片即时显示<input type="file" />(兼容所有浏览器)
- 文本挖掘之降维技术之特征提取之因子分析(FA)
- 如何删除GitHub中的项目
- 缓存之memcache
- jQuery、prototype、mootools、YUI框架比较
- 高效率的前端开发工具集
- Android 头条新闻客户端
- Flume 第三方插件使用说明
- Cocos2d-js学习笔记