2012-10-25 31 views
4

我正在使用jqueryui dialog來顯示一個模式窗口,該窗口的輸入標籤類型爲file。HTML輸入類型文件不會顯示鉻合金中的文件名

在鉻中,當選擇一個文件時,file name is not displayed。當我在瀏覽按鈕上顯示hover時,會顯示該文件的名稱,但不包含任何內容。它適用於Firefox。以下是該問題的截圖。

Chrome error

我想知道我該怎麼做由選擇按鈕的一側顯示的名稱。

+1

你可以做小提琴嗎? – Barmar

+0

想必對你很明顯,但你的問題是什麼?你從來沒有真正問過一個。你究竟想要什麼? – enhzflep

+0

你能指定你使用的是哪個版本的Chrome和jQuery UI嗎?這看起來現在工作得很好。 – Selosindis

回答

4

我也有這個問題。爲了對付它,我加入到旁邊的瀏覽按鈕的字段,然後添加這樣的變化文字:

$("#fileUpload").change(function (e) { 
     var path = this.value; 
     this.form.field.value = "..." + path.substring(11, path.length); 
    }); 

,因爲它是添加\ fakepath \的路徑名的開頭加入的子字符串。

+0

任何想法是什麼原因導致此問題? – Eugen

+0

這已被確定爲webkit瀏覽器(如chrome和safari)的默認行爲。他們沒有像字段一樣的文本框,而只是顯示文本。所以必須修復這樣的問題。 – mikeswright49

0

這很好。

<input type="file" class="button" id="fileupload" value="Upload file" multiple onChange="handleFiles(this.files)"> 
相關問題