能预览Flash也可以预览图片
2006-08-04 16:34
375 查看
<input type="file" name="file1" style="width:300'" class="tx1" value="" onchange="PreviewImg(this);">
<div style="width:400px;height:300px;border:1px solid #aaaaaa;overflow:auto" id="previewDiv">
</div>
<script language="javascript">
function PreviewImg(obj){
var div = document.getElementById("previewDiv");
if(obj.value=="" || div.childNodes.length>0){
div.removeChild(div.firstChild);
if(obj.value=="")return;
}
var ext = obj.value.substring(obj.value.lastIndexOf(".")+1)
div.appendChild(getFlash(obj.value,ext));
}
function getFlash(src,ext){
var img;
switch(ext.toLowerCase()){
case "jpg":
case "jpeg":
case "bmp":
case "gif":
case "png":
img = document.createElement("img");
break;
case "swf":
img = document.createElement("embed");
img.type="application/x-shockwave-flash";
img.width=400;
img.height=300;
break;
}
img.src=src;
return img;
}
</script>
<div style="width:400px;height:300px;border:1px solid #aaaaaa;overflow:auto" id="previewDiv">
</div>
<script language="javascript">
function PreviewImg(obj){
var div = document.getElementById("previewDiv");
if(obj.value=="" || div.childNodes.length>0){
div.removeChild(div.firstChild);
if(obj.value=="")return;
}
var ext = obj.value.substring(obj.value.lastIndexOf(".")+1)
div.appendChild(getFlash(obj.value,ext));
}
function getFlash(src,ext){
var img;
switch(ext.toLowerCase()){
case "jpg":
case "jpeg":
case "bmp":
case "gif":
case "png":
img = document.createElement("img");
break;
case "swf":
img = document.createElement("embed");
img.type="application/x-shockwave-flash";
img.width=400;
img.height=300;
break;
}
img.src=src;
return img;
}
</script>
相关文章推荐
- 上传前预览Flash也可以预览图片
- 能预览Flash也可以预览图片
- 实现flash的图片切换效果【可以切换多个网页或者图片】
- Android图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- 纯AS代码实现可预览本地图片的flash上传客户端(as3.0)
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- Android实现图片上传,可以选择多张图片,缩放预览,拍照上传等
- 在线flash预览图片插件 SWFObject
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- 纯AS代码flash实现预览上传本地图片功能
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- AJAX设计模式之Lightbox---图片和网页外、连 flash、影片都可以显示在 Lightbox 弹出的方框里面
- [AS3]纯AS代码实现可预览本地图片的flash上传客户端[转]
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
- ASP.NET页面中预览图片和flash附加关闭功能
- Flash实现图片上传(实现浏览器端图片预览)