<body><div class="box">? <form enctype="multipart/form-data" id="fm1">? ? <span class="s1">? ? ? <em></em>? ? ? <input type="file" name="file[]" multiple="multiple">? ? </span>? ? <input type="button" class="btn" value="上傳">? </form>? <p id="result"></p></div><script>var oFm = document.getElementById('fm1');var oEm = document.getElementsByTagName('em')[0];var oResult = document.getElementById('result');var oBtn = document.getElementsByClassName('btn')[0];oFm.file.onchange = function(){? oEm.innerHTML = this.value;? console.log( this );};
1 回答
大寫的王
TA貢獻122條經驗 獲得超162個贊
在firefox上，input（type=file）默認獲取到的value值就是文件名。
在IE上，input（type=file）默認獲取到的value值是路徑。
因此用js來獲取fileupload中的上傳文件的文件名需要多方面考慮。
示例代碼：
<form action="" method="get" onSubmit="return false;"> ?
<input type="text" name="test" id="test"> ?
<input type="file" name="testFile" onChange="if(this.value)insertTitle(this.value);">
<input type="submit" value="提交"> ?
</form> ?
<script language="javascript"> ?
function insertTitle(path){ ?
? var test1 = path.lastIndexOf("/"); ?//對路徑進行截取
? var test2 = path.lastIndexOf("\\"); ?//對路徑進行截取
? var test= Math.max(test1, test2)
? if(test<0){ ?
? ? document.getElementById("test").value = path;
? }else{
? ?document.getElementById("test").value = path.substring(test + 1); //賦值文件名
? } ?
} ?
</script>
多圖的話就遍歷下出來。
- 1 回答
- 1 關注
- 3332 瀏覽
添加回答
舉報
0/150
提交
取消