使用javascript阻止文件上傳對話框

Question

我遇到以下問題。

我有一個aspx文件上傳輸入，必須只顯示文件對話框，如果某個文本字段有一個值，否則我必須簡單地顯示一個改變說法來填充該字段。

我不能使用jquery。

Answer 1

事件對象有一個preventDefault函數，您可以使用它來停止默認繼續。使用這個，你可以附加一個點擊事件到你的文件上傳文件，它會在嘗試選擇一個文件時觸發。從那裏你可以檢查你的文本輸入的值，並返回/停止文件元素的默認值。

(function() { 
    var __file = document.getElementById('file'); 
    var __text = document.getElementById('required'); 

    __file.addEventListener('click', function (e) { 
    e = e || window.event; 

    if (__text.value.length === 0) 
    { 
     e.preventDefault(); 
     return alert('Please fill out the textbox!'); 
    } 


    }) 
})() 

注意：只有在Chrome中進行測試。