使用Javascript：獲得對上傳文件的詳細信息從HTML表單

希望有人能告訴我在做什麼錯。我搜索了所有相關文章，試圖複製代碼，但沒有運氣。我想它已選擇要上傳的HTML表單後得到的文件大小。使用Javascript：獲得對上傳文件的詳細信息從HTML表單

這裏是代碼的相關部分：

<script> 
function handleFiles() 
{ 

    if (window.File && window.FileReader && window.FileList && window.Blob) 
    { 
     //alert("called"); 
     var inpFiles = document.getElementById('#i_file'); 
     //get the file size and file type from file input field 
     //var fsize = $('#i_file')[0].files[0].size; 
     alert(inpFiles); 
     if(fsize>1048576) //resize if file size more than 1 mb (1048576) 
     { 
      alert(fsize +" bites\nToo big!"); 
     }else{ 
      alert(fsize +" bites\nYou are good to go!"); 
     } 
    }else{ 
     alert("Not supported"); 
    } 
}; 
</script> 

<input name="uploadfile" type="file" id="i_file" /> 
     <input type="button" value="Try" id="i_submit" onclick="handleFiles()" />

所以，我得到一個按鈕來瀏覽文件，單擊，選擇 - 文件名出現。我點擊第二個按鈕「嘗試」（因爲我不希望等待提交整個形式）和警報（inpFiles）說：「空」。帶有fsize的行被註釋爲沒有有效的指針。感謝您的意見。

來源

2017-01-21 user2097141

1）的document.getElementById（）採用一個id沒有＃標籤。 2）你用一個未定義的變量「警告」（使用alter函數），它被註釋掉。 3）閱讀編程的基礎知識 – Gacci

getElementById('#i_file')應getElementById('i_file')：

var inpFiles = document.getElementById('i_file'); 
var fsize = inpFiles.files[0].size;

來源

2017-01-21 19:06:47

Villa7_非常感謝，你是一位明星！ – user2097141

使用Javascript：獲得對上傳文件的詳細信息從HTML表單

回答

相關問題