html上传视频选择文件,window_File文件控件，选中文件(图片,flash,视频)即立即预览显示，我们平常用file文件控件上传文 - phpStudy...

File文件控件，选中文件(图片,flash,视频)即立即预览显示

我们平常用file文件控件上传文件，要预览有时会刷新页面，结果file控件被清空，好多人问能能让他不清空或重新赋值，因为处于安全性的考虑，这是不可能的。那怎么进行无刷新预览呢？这里我把我所使用的方法写一下。

选择页面：

复制代码 代码如下:

function checkData()

{

var fileName=document.getElementById("FileUp").value;

if(fileName=="")

return;

//检查文件类型

var exName=fileName.substr(fileName.lastIndexOf(".")+1).toUpperCase()

if(exName=="JPG"||exName=="BMP"||exName=="GIF")

{

//document.getElementById("myimg").src=fileName;

document.getElementById("previewImage").innerHTML='';

}

else

if(exName=="SWF")

{

document.getElementById("previewImage").innerHTML='';

}

else

if(exName=="WMV"||exName=="MPEG"||exName=="ASF"||exName=="AVI")

{

var strcode='

strcode+=' autoStart=\'1\' playCount=\'0\' enableContextMenu=\'0\' type=\'application/x-mplayer2\'>

';

document.getElementById("previewImage").innerHTML=strcode;

}

else

{

alert("请选择正确的图片文件");

document.getElementById("FileUp").value="";

}

}

function openwin()

{

window.open("addPreview.aspx","","height=300,width=345,top=100,left=100");

}

HTML代码：

复制代码 代码如下:

runat="server" οnchange="checkData()"> 注：这里可以是图片(jpg或gif格式),flash动画(swf)及视频文件(wmv,mpeg,asf,avi)。大小限定在1M以内。

当前页预览

弹出预览页面：

复制代码 代码如下:

function getstr()

{

var strcode="";

var width=100;

var high=100;

if(self.opener.document.getElementById("FileUp")!=null)

{

//strcode=self.opener.document.getElementById("previewImage").innerHTML;

width=self.opener.document.getElementById("lblWidth").innerText;

high=self.opener.document.getElementById("lblHigh").innerText;

var fileName=self.opener.document.getElementById("FileUp").value;

var exName=fileName.substr(fileName.lastIndexOf(".")+1).toUpperCase()

if(exName=="JPG"||exName=="BMP"||exName=="GIF")

{

//document.getElementById("myimg").src=fileName;

strcode='';

}

else

if(exName=="SWF")

{

strcode='';

}

else

if(exName=="WMV"||exName=="MPEG"||exName=="ASF"||exName=="AVI")

{

strcode='

strcode+=' autoStart=\'1\' playCount=\'0\' enableContextMenu=\'0\' type=\'application/x-mplayer2\'>

';

}

}

if(self.opener.document.getElementById("txtADCode")!=null)

{

strcode=self.opener.document.getElementById("txtADCode").innerHTML;

}

if(strcode!="")

{

//window.alert(fileName);

document.getElementById("showimg").innerHTML=strcode;

}

}

显示：

复制代码 代码如下:

详细讲解各种数据库使用JDBC连接的方式

文本文件分割脚本(VBS)

根据鼠标的位置动态的控制层的位置

BUILTIN\Administrators登陆账号

js getElementsByTagName的简写方式

JS对URL字符串进行编码/解码分析

PHP 采集心得技巧

css font-size属性说明

DedeCms5.3自由列表使用教程

MSSQL生成整个数据库的SQL脚本的工具

闲聊HTML5：HTML5游戏的现在和将来

在Hibernate中处理批量更新和批量删除

jsp源码实例5(cookie)

IIS的NSIISLOG.DLL溢出问题分析