input type=file 上传图片并显示
来源:互联网 发布:淘宝网能买到处方药吗 编辑:程序博客网 时间:2024/05/29 15:08
html代码:
<input type="file" name="choose" id="choose" accept="image/*"><label for="choose"><img alt="正面" id="Img" src="../../images/camera.png"> </label><p>正面</p>
js代码
$('#choose').change(function(){ $('p').css('display','none'); var objUrl = getObjectURL(this.files[0]) ; if (objUrl) { $('#Img').attr("src", objUrl); } function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { // basic url = window.createObjectURL(file); } else if (window.URL != undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file); } return url;}});
0 0
- input type=file 上传图片并显示
- html 实时显示input type=file 上传的图片
- 使用input file 上传图片并显示
- input[type='file'] img图片上传
- 上传图片即时显示<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 file图片上传并回显
- input=file 上传图片
- input type='file' 上传错误
- 上传附件<input type="file">规则
- Linux初级学习第十三单元
- 基于 Jenkins 快速搭建持续集成环境
- 中文乱码问题
- JSP_运维_域名与项目绑定
- android中handler使用WeakReference防止内存泄露
- input type=file 上传图片并显示
- 搭建自己的git服务器
- 关于多线程可见性学习后理解记录
- Android系统加速度传感器数据-手机坐标系转成地面坐标系
- Win8系统的Myeclipse远程连接Hadoop配置
- Deep Learning-TensorFlow (11) CNN卷积神经网络_解读 VGGNet
- visual studio技巧总结
- 动态规划(1)0-1背包同类型习题
- C++引用C的静态库