js file 图片预览
来源:互联网 发布:淘宝铁观音 编辑:程序博客网 时间:2024/06/18 12:07
function setImagePreview(avalue) {
var docObj = document.getElementById("file");
var imgObjPreview = document.getElementById("preview");
if (docObj.files && docObj.files[0]) {
//火狐下,直接设img属性
imgObjPreview.style.display = 'block';
//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");
//必须设置初始大小
//图片异常的捕捉,防止用户修改后缀来伪造图片
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;
}
var docObj = document.getElementById("file");
var imgObjPreview = document.getElementById("preview");
if (docObj.files && docObj.files[0]) {
//火狐下,直接设img属性
imgObjPreview.style.display = 'block';
//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");
//必须设置初始大小
//图片异常的捕捉,防止用户修改后缀来伪造图片
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;
}
0 0
- js file 图片预览
- file,js图片预览
- JS input file图片上传预览效果
- input file 预览图片
- input file图片预览
- 点击文字触发file标签 ,js图片预览
- JS+file控件实现图片的上传和预览
- HTML中通过js对File组件进行图片预览
- [js实例] input type=file 上传图片预览 createObjectURL
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- File 上传图片的预览
- input file上传图片预览
- file 选择图片后预览
- input file 上传图片预览
- 利用service实现音乐的后台播放
- LIB和DLL的区别与使用
- angularjs与requirejs整合
- msyql主从几种错误调试
- post方式下载文件ie8不支持
- js file 图片预览
- Android接口的基本使用
- git使用
- 【原创】【OpenJudge】3528:最小新整数
- 科大讯飞语音集成,非常详细的使用讲解
- 中华万年历 1.42版本已发布
- java中的逻辑运算符与位运算符
- cocos2dx LUA 读取本地JSON文件
- Jmeter--响应断言