js 上传图片
来源:互联网 发布:电源监控软件 编辑:程序博客网 时间:2024/06/05 08:27
- <html>
- <head>
- <title>js图片上传预览</title>
- <script>
- function PreviewImage(imgFile)
- {
- var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);
- filextension=filextension.toLowerCase();
- if ((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp'))
- {
- alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
- imgFile.focus();
- }
- else
- {
- var path;
- if(document.all)//IE
- {
- imgFile.select();
- path = document.selection.createRange().text;
- document.getElementById("imgPreview").innerHTML="";
- document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";//使用滤镜效果
- }
- else//FF
- {
- path=window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上
- //path = imgFile.files[0].getAsDataURL();// FF 3.0
- document.getElementById("imgPreview").innerHTML = "<img id='img1' width='120px' height='100px' src='"+path+"'/>";
- //document.getElementById("img1").src = path;
- }
- }
- }
- </script>
- </head>
- <body>
- <input type="file" onchange='PreviewImage(this)' />
- <br />
- <div id="imgPreview" style='width:120px; height:100px;'>
- <img id="img1" src="" width="120" height="100" />
- </div>
- </body>
- </html>
0 0
- JS预览上传图片
- js图片上传预览
- js 图片上传预览
- js批量上传图片
- js判断图片上传
- js上传图片预览 .
- JS上传图片
- JS预览上传图片
- js 上传图片预览
- JS图片上传预览
- js上传图片预览
- js上传图片预览
- js异步上传图片
- js上传图片预览
- js 上传图片预览
- JS 图片上传预览
- js-上传图片预览
- dropzone.js图片上传
- 关键字-分节15(struct 与class 的区别)
- android studio 2.2 cmake ffmpeg 简单的播放器(这里只有视频解码)
- 使用回车键safari浏览器提交不了form表单
- 线程控制
- Java基础知识(七)——数据库分页
- js 上传图片
- 缺陷的管理步骤
- 《从零开始学Swift》学习笔记(Day 41)——类的继承
- android 流行框架之性能优化----ACRA(崩溃报告)
- js call与apply
- mysql 查询邻近的两条记录并合并成一条
- TCP/IP详解学习笔记(5)-- ICMP:internet 控制报文协议
- 沉浸式状态栏
- Mac卸载Android Studio