js上传图片预览 .
来源:互联网 发布:淘宝买家累计信用提升 编辑:程序博客网 时间:2024/04/30 05:25
<input type="file" name="doc" id="doc" onchange="javascript:setImagePreview();">
<p>
<div id="localImag">
<img id="preview" width="-1" height="-1" style="diplay: none" /></div>
<input type="button" id="shagnchuan" value="上传" onclick="alert(img.width);" />
</p>
<script type="text/javascript">
function setImagePreview() {
var docObj = document.getElementById("doc");
var imgObjPreview = document.getElementById("preview");
if (docObj.files && docObj.files[0]) {
//火狐下,直接设img属性
imgObjPreview.style.display = 'block';
imgObjPreview.style.width = 'auto';
imgObjPreview.style.height = 'auto';
//imgObjPreview.src = docObj.files[0].getAsDataURL();
//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
} else {
//IE下,使用滤镜
docObj.select();
var imgSrc = document.selection.createRange().text;
var localImagId = document.getElementById("localImag");
//必须设置初始大小
localImagId.style.width = "320";
localImagId.style.height = "200";
//图片异常的捕捉,防止用户修改后缀来伪造图片
try {
localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
} catch (e) {
alert("您上传的图片格式不正确,请重新选择!");
return false;
}
imgObjPreview.style.display = 'none';
document.selection.empty();
}
return true;
}
<p>
<div id="localImag">
<img id="preview" width="-1" height="-1" style="diplay: none" /></div>
<input type="button" id="shagnchuan" value="上传" onclick="alert(img.width);" />
</p>
<script type="text/javascript">
function setImagePreview() {
var docObj = document.getElementById("doc");
var imgObjPreview = document.getElementById("preview");
if (docObj.files && docObj.files[0]) {
//火狐下,直接设img属性
imgObjPreview.style.display = 'block';
imgObjPreview.style.width = 'auto';
imgObjPreview.style.height = 'auto';
//imgObjPreview.src = docObj.files[0].getAsDataURL();
//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
} else {
//IE下,使用滤镜
docObj.select();
var imgSrc = document.selection.createRange().text;
var localImagId = document.getElementById("localImag");
//必须设置初始大小
localImagId.style.width = "320";
localImagId.style.height = "200";
//图片异常的捕捉,防止用户修改后缀来伪造图片
try {
localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
} catch (e) {
alert("您上传的图片格式不正确,请重新选择!");
return false;
}
imgObjPreview.style.display = 'none';
document.selection.empty();
}
return true;
}
- JS预览上传图片
- js图片上传预览
- js 图片上传预览
- js上传图片预览 .
- JS预览上传图片
- js 上传图片预览
- JS图片上传预览
- js上传图片预览
- js上传图片预览
- js上传图片预览
- js 上传图片预览
- JS 图片上传预览
- js-上传图片预览
- js图片上传预览
- js图片上传预览
- js上传图片预览
- js图片上传预览
- js上传图片预览
- Study《JavaScript中访问jar包中的js》
- ClassLoader.getResourceAsStream(name);获取配置文件的方法
- CVS和CSV概念区分
- 又被你说中了!
- [hdoj_1005]Number Sequence
- js上传图片预览 .
- 安装软件失败,或者跟新失败导致死锁的解决方法
- hive之datanucleus常见问题及解决办法
- Unicode字符编码规范
- VS2005之Alert使用样式解决方案
- android intent MIME type
- Google经常会突然出现“该页无法显示”的解决方法
- java 层 用 AudioTrack 播放 pcm 格式的音频文件
- hdu4334