html输入路径显示文件,如何从Firefox 3中的HTML输入表单获取文件路径

function setFileName()

{

var file1=document.forms[0].firstAttachmentFileName.value;

initFileUploads('firstFile1','fileinputs1',file1);

}

function initFileUploads(fileName,fileinputs,fileValue) {

var fakeFileUpload = document.createElement('div');

fakeFileUpload.className = 'fakefile';

var filename = document.createElement('input');

filename.type='text';

filename.value=fileValue;

filename.id=fileName;

filename.title='Title';

fakeFileUpload.appendChild(filename);

var image = document.createElement('input');

image.type='button';

image.value='Browse File';

image.size=5100;

image.style.border=0;

fakeFileUpload.appendChild(image);

var x = document.getElementsByTagName('input');

for (var i=0; i<x.length;i++) {

if (x[i].type != 'file') continue;

if (x[i].parentNode.className != fileinputs) continue;

x[i].className = 'file hidden';

var clone = fakeFileUpload.cloneNode(true);

x[i].parentNode.appendChild(clone);

x[i].relatedElement = clone.getElementsByTagName('input')[0];

x[i].οnchange= function () {

this.relatedElement.value = this.value;

}}

if(document.forms[0].firstFile != null && document.getElementById('firstFile1') != null)

{

document.getElementById('firstFile1').value= document.forms[0].firstFile.value;

document.forms[0].firstAttachmentFileName.title=document.forms[0].firstFile.value;

}

}

function submitFile()

{

alert( document.forms[0].firstAttachmentFileName.value);

}

div.fakefile {position: absolute;top: 0px;left: 0px;z-index: 1;}

input.file {position: relative;text-align: right;-moz-opacity:0 ;filter:alpha(opacity: 0);

opacity: 0;z-index: 2;}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值