js上传图片,并预览
来源:互联网 发布:广州口才培训 知乎 编辑:程序博客网 时间:2024/05/16 10:39
<div id="divID"></div>
<input name="uplBase_Student_Learn_ProvePicURL1" id="uplBase_Student_Learn_ProvePicURL1" type="file" onchange="previewImage(this, 'divID')"
value="上传学位证" />
//显示图片<input name="uplBase_Student_Learn_ProvePicURL1" id="uplBase_Student_Learn_ProvePicURL1" type="file" onchange="previewImage(this, 'divID')"
value="上传学位证" />
function previewImage(file, showId) {
try {
filename = file.value;
var fileText = filename.substring(filename.lastIndexOf("."), filename.length); //获取文件扩展名
fileText = fileText.toLowerCase();
if (window.ActiveXObject)//判断条件也可以改为navigator.userAgent.indexOf("MSIE")!=-1
{
//IE浏览器
var image = new Image();
image.dynsrc = file.value;
if (image.fileSize > (1048576 * 5)) {
file.value = "";
alert("文件大小不可大于5M!");
return false;
}
}
else {
var filePath = file.value;
var fileExt = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();
if (file.files[0].size > (1048576 * 5)) {
file.value = "";
alert("文件大小不可大于5M!");
return false;
}
}
} catch (e) {
}
var MAXWIDTH = 72;
var MAXHEIGHT = 73;
var div = document.getElementById("divID");
div.innerHTML = '<img id=img_' + showId + '>';
var img = document.getElementById('img_' + showId);
img.onload = function () {
img.width = 72;
img.height = 73;
}
var reader = new FileReader();
reader.onload = function (evt) { img.src = evt.target.result; }
reader.readAsDataURL(file.files[0]);
}
0 0
- js上传图片,并预览
- js上传图片,并预览
- js 图片上传并预览
- js 选择预览图片,并上传
- 原声js 图片上传并预览
- 上传图片并预览-原生js代码
- js实现上传图片并预览
- 图片上传并预览
- 上传图片并预览
- 图片上传并预览
- 图片上传并预览
- 图片上传并预览
- js上传并预览
- JS预览上传图片
- js图片上传预览
- js 图片上传预览
- js上传图片预览 .
- JS预览上传图片
- TI-BLE协议栈的GAP
- linux mdev入门介绍,即使用说明
- Office 365 IT Professional——RMS与SharePoint Online集成管理
- CT算法剖析
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- js上传图片,并预览
- 使用hibernate和struts2实现分页功能
- linux中tar命令参数
- 查看linux服务器硬盘IO读写负载
- python --类方法、对象方法、静态方法
- POJ 1753 Flip Game (BFS)
- vim保存时报错:E382: Cannot write, 'buftype' option is set
- 关于C# byte[]与struct的转换
- 极大似然估计法