给Input File 控件赋值 中文问题
给Input file控件通过脚本动态赋值
1. 模拟键盘输入法: 不足的地方是不支持中文
把<input type="file" />设计只读且不允许自动赋值的目的是出于安全性考虑,试想一下,如果允许程序自动赋值,那么也可以在服务器生成页面时放置一段脚本,在浏览器访问该页面后,自动把本地的某一个重要文件路径赋值到一个文件上传控件,然后自动上传到服务器,那会是多可怕的事情!! 一个恶意网站就可以把我们机器上的一些机密文件神不知鬼不觉地盗走了.
既然不允许赋值,在有些情况下又要求实现文件自动上传,到底能不能实现呢? 有一种办法,就是模拟键盘输入来达到赋值的目的,先贴代码:
2. 把文件先复制到剪切再粘贴到Input File 控件中,可以解决中文问题
<HTML>
<HEAD>
<TITLE> 冲击多个Input File赋值兼解决中文赋值问题 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
//简化写法
function $(id)
{
return document.getElementById(id);
}
//崋值方法(就是将文本框的值赋值file对象)
function set1()
{
//将text1中的值复制到剪贴板中
window.clipboardData.setData('text',$('t1').value);
//创建Shell(需要添加到信任站点或解除未签名的ActiveX控件的禁用
var WshShell=new ActiveXObject("WScript.Shell");
//拿到焦点
$('f1').focus();
//Ctrl + A 操作
WshShell.sendKeys("^a");
//Ctrl + V 操作(sendKeys对于中文赋值操作显得无力,所以只能模拟键盘操作)
WshShell.sendKeys("^v");
}
function set2()
{
window.clipboardData.setData('text',$('t2').value);
var WshShell=new ActiveXObject("WScript.Shell");
$('f2').focus();
WshShell.sendKeys("^a");
WshShell.sendKeys("^v");
}
function set3()
{
window.clipboardData.setData('text',$('t3').value);
var WshShell=new ActiveXObject("WScript.Shell");
$('f3').focus();
WshShell.sendKeys("^a");
WshShell.sendKeys("^v");
}
function set4()
{
window.clipboardData.setData('text',$('t4').value);
var WshShell=new ActiveXObject("WScript.Shell");
$('f4').focus();
WshShell.sendKeys("^a");
WshShell.sendKeys("^v");
}
//给当前网页中四个file对象赋值的方法
function set()
{
//此处不要用循环,有几个就需要写几个setXX方法
setTimeout("set1()",0);
setTimeout("set2()",70);
setTimeout("set3()",240);
setTimeout("set4()",340);
}
//检查是否赋值成功
function check()
{
//检查每个file对象是否为空
if($('f1').value.length > 0 && $('f2').value.length > 0 && $('f3').value.length > 0 && $('f4').value.length > 0 )
{
//检查原对象的值的赋值对象的值是否相同
if($('f1').value == $('t1').value && $('f2').value == $('t2').value && $('f3').value == $('t3').value && $('f4').value == $('t4').value)
{
return true;
}
else
{
return false;
}
}
else
{
return false;
}
}
//赋值和file对象的检查
function setValues()
{
if(!check())
{
set();
}
}
//直接调用的赋值方法
function callSet()
{
//一定要用setInterval,而不能用循环(循环太快,会造成所有的值赋在一个file对象上)
setInterval('setValues()',1000);
}
</SCRIPT>
</HEAD>
<BODY>
<input type=text value='c:/a好.jpg' id='t1' /> <br />
<input type=text value='b:/b不好.jpg' id='t2'/> <br />
<input type=text value='c:/c好.jpg' id='t3'/> <br />
<input type=text value='d:/c很好.jpg' id='t4'/> <br />
<input type=file id='f1'/> <br />
<input type=file id='f2'/> <br />
<input type=file id='f3'/> <br />
<input type=file id='f4'/> <br />
<input type='button' id='btn1' onclick='callSet();' value='测试'>
</BODY>
</HTML>
- <input name="myfile" type="file" />
- <script language="JavaScript">
- window.attachEvent("onload", setfile);
- var WshShell=new ActiveXObject("WScript.Shell");
- function setfile(){
- for(i=0;i<4;i++) {
- setTimeout('document.all.file['+i+'].focus();
- WshShell.sendKeys('+i+');',i*20);
- }
- }
- </script>
这段代码是通过WScript.Shell控件来实现模拟键盘输入的效果:
WshShell.sendKeys('+i+');
在模拟键盘输入之前,先把光标定位在要操作控件上:
document.all.file['+i+'].focus();
在给下一控件赋值之前,先停一段时间:
setTimeout('document.all.file['+i+'].focus();
WshShell.sendKeys('+i+');',i*20);
这样做的目的是因为focus操作花费的时间比较长,而sendKeys操作又很快,如果不加上延时，sendKeys操作一般都在focus之前就执行完了，导致输入框接收不到输入值。