[問題] javascript input file的onclick

看板Ajax作者thinkact (奇想天を動かす)時間16年前 (2008/03/05 11:40)推噓2(2推 0噓 4→)

留言6則, 2人參與討論串1/1

我想做出類似gmail中可以一直增加附檔的功能目前的做法是用javascript做出新增,移除再將input file的路徑存在array裡, 之後再處理上傳的部分但這個方法在firefox 2中可以正常運作, 按下input file的Browse...按鈕後, 會先跳出選檔案的視窗, 之後再執行onclick的addFile function, 所以可以抓到檔案路徑, 並存入array中但在IE7及firefox 3 beta中, 按下按鈕後, 會先執行onclick指定的function, 之後才跳出選檔案的視窗所以在addFile function執行時並無法取得檔案路徑請問有沒有辦法解決這個問題? (問題描述的有點亂, 附上程式碼如下, 兩個註解起來的alert可以用來檢查file browser跟onclick function哪一個先做) 另外再問一下, 我在用跟gmail相同的方式, 也就是動態新增input file的textfield時, 原本已選好檔案的input file裡的路徑會全部清掉, 請問這種情形應該要怎麼做, 才能做出gmail附檔的效果? 謝謝 #javascript部分: ------------------------------------------------------------------------------ var nFile = 0; var filePath = new Array(); function addFile() { //alert("**addFile() START** nFile = " + nFile); if(document.getElementById("file").value != "") { nFile++; filePath[nFile] = document.getElementById("file").value; showFile(); } //alert("**add File() END** nFile = " + nFile); } function removeFile(n) { for(i = n; i<nFile; i++) { filePath[i] = filePath[i+1]; } filePath[nFile--] = null; showFile(); } function showFile() { var obj = document.getElementById("upload"); obj.innerHTML = ""; for(i = 1;i<=nFile; i++) { obj.innerHTML += "[ " + i + " ] "; obj.innerHTML += filePath[i]; obj.innerHTML += " <a href=\"javascript:removeFile(" + i + ");\">remove</a>"; obj.innerHTML += "<br />"; } obj.innerHTML += "<br />"; obj.innerHTML += "nFile: " + nFile; } ------------------------------------------------------------------------------ #html部分: ------------------------------------------------------------------------------ <input id="file" onclick="addFile()" type="file" /> <br /><br /> <div id="upload"></div> ------------------------------------------------------------------------------ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 125.225.67.151