多文件輸入

我是新手，仍然主要在本網站上學習，對我非常有用，並決定從你們那裏得到一些幫助。多文件輸入

我對我的文件輸入按鈕進行了樣式設置，並在文本框內打印了文件名。現在我很樂意在同一頁面上使用這些類在多個文件輸入上（以及包含文件名的文本字段）。（我需要更多的文件輸入，而不是一次更多的文件）

我知道我可以使用ID的，只是複製JS的每個文件字段，我需要，但我想做一個函數或使其更「動態的「用於大量使用。

所以，我要求有點幫助:)

HTML：

<div class="upload button left"> 
    <input class="upbtn" type="file" name="attachment" />Add attachment 
</div> 
<input class="filename" type="text" />

JS：

$(".upbtn").change(function(e) { 
     var datoteka = $(this).val(); 
     var lastIndex = datoteka.lastIndexOf("\\"); 
     if (lastIndex >= 0) { 
      datoteka = datoteka.substring(lastIndex + 1); 
     } 
     $(".filename").val(datoteka); 
    });

你可以看一下整個事情在這裏：http://jsfiddle.net/k5cLt/5/

Thx

來源

2013-06-04 Dma

問題是，究竟是什麼？ – cimmanon

這是可能的。我用

$(".upbtn").change(function(e) { 
     var datoteka = $(this).val(); 
     var lastIndex = datoteka.lastIndexOf("\\"); 
     if (lastIndex >= 0) 
     { 
      datoteka = datoteka.substring(lastIndex + 1); 
     } 
     var close = $(this).parent().next(".filename:first") 
     close.val(datoteka); 
    });

這裏是您輸入的JSFiddle

取向和這樣的可能不會按照期望的，但的jsfiddle顯示的是什麼，我認爲你正在努力實現的總體思路。

來源

2013-06-04 16:21:55 MikeB

是的，那正是我想要達到的。非常感謝你。 – Dma

和爲了對齊輸入和樣式，我想用CSS風格的文件輸入，但它不是很好，所以這只是實驗，我知道這不是最好的解決方案:) – Dma

你甚至嘗試過使用多個文件字段嗎？你所做的事情應該按原樣進行。

$(".upbtn").change(...);

還給與類.upbtn的jQuery包裹的對象數組和所有的人都呼籲.change（）..

來源

2013-06-04 16:24:12

是的，我試圖使用更多的領域，當我點擊（例如）第二個按鈕並選擇圖片，它填充兩個文本字段。但是MikeB解決了我的問題。謝謝 – Dma

回答

相關問題