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

本文介绍了一种方法来实现在HTML中使用file文件控件选择文件后无刷新预览图片、Flash和视频文件。通过JavaScript检查文件类型并生成相应预览内容,避免了传统方式中文件控件在预览后被清空的问题。
摘要由CSDN通过智能技术生成

我们平常用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='%5C''+fileName+'%5C'';

}

else

if(exName=="SWF")

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值