js中獲取file

1. 怎麼用js來獲取 fileupload中的上傳文件的文件名

在firefox上，input（type=file）默認獲取到的value值就是文件名。回

在IE上，input（type=file）默認獲取到的value值是答路徑。

因此用js來獲取fileupload中的上傳文件的文件名需要多方面考慮。

你可以試下一下

function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}

2. 如何在 JS 中快速讀取文件

在javaScript中快速讀取文件的方法主要取決於運行環境和具體需求。以下是幾種在Node.js中常用的文件讀取方式及其特點：

1. fs.readFileSync：

   • 簡介：同步讀取文件內容，適用於對性能要求極高且不需要非同步處理的場景。
   • 優點：讀取速度快，代碼簡單直觀。
   • 缺點：會阻塞事件循環，不適合在需要處理大量I/O操作的伺服器環境中使用。

2. fs.readFile：

   • 簡介：非同步讀取文件內容，通過回調函數處理讀取結果。
   • 優點：不會阻塞事件循環，適合I/O密集型任務。
   • 缺點：相比同步方法，代碼稍顯復雜，需要處理回調函數。

3. fs.promises：

   • 簡介：基於Promise的文件讀取方法，支持async/await語法。
   • 優點：代碼更簡潔，易於理解和維護，特別是結合async/await使用時。
   • 缺點：在並發處理上可能不如fs.readFileSync高效，CPU使用時間較長。

4. util.promisify：

   • 簡介：將fs.readFile回調函數形式的API轉換為返回Promise的API，從而支持async/await語法。
   • 優點：結合了fs.readFile的非同步優勢和async/await的簡潔性。
   • 缺點：需要額外引入util模塊進行轉換。

總結： 對於小文件且對性能要求極高的場景，可以考慮使用fs.readFileSync。 對於需要處理大量I/O操作的伺服器環境，推薦使用fs.readFile或結合util.promisify使用async/await語法。 fs.promises雖然代碼簡潔，但在並發處理上可能不是最優選擇，具體還需根據實際應用場景和性能測試結果來決定。

請注意，上述建議僅供參考，實際選擇應基於具體的應用場景、文件大小、並發需求以及性能測試結果等因素綜合考慮。

3. 原生js獲取文件

HTML5新增了關於文件的File，FileReader兩個對象，用於獲取文件信息和讀取文件信息。

var

    fileInput = document.getElementById('test-image-file'),

    info = document.getElementById('test-file-info'),

    preview = docement.getElementById('test-image-preview');

//監聽change事件

fileInput.addEventListener('change', function() {

  //清除背景圖片

  preview.style.backgroundImage = '';

  //檢查文件是否選擇

  if(!fileInput.value) {

    info.innerHTML = '沒有選擇文件';

    return;

  }

  //獲取file文件引用：

  var file = fileInput.files[0];

  //獲取文件信息

  info.innerHTML = '文件：' + file.name + '<br>' +

                  '大小：' + file.size + '<br>' +

                  '修改：' + file.lastModifiedDate;

if(file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {

  alert('不是有效的圖片文件');

  return;

}

  //讀取文件

  var reader = new FileReader();

  reader.onload = function(e) {

    var data = e.target.result;

  preview.style.backgroundImage = 'url('+ data + ')';

  };

  //以DataURL的形式讀取文件：

  reader.readerAsDataURL(file);

})

4. 怎麼用js來獲取 file中的上傳文件的文件名

在firefox上，input（復type=file）默認制獲取到的value值就是文件名。
在IE上，input（type=file）默認獲取到的value值是路徑。
因此用js來獲取fileupload中的上傳文件的文件名需要多方面考慮。
你可以試下一下
function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}
測試過了，沒有問題，可用。

5. javascript 中怎樣獲取file里的完整路徑，如：D:\E\1.jpg

樓主問的應該是獲取一個file input表單域的文件名全路徑吧，這是不能實現的，除非在IE6下面。這個已經因為安全問題被現代所有瀏覽器屏蔽了，只能獲取到文件名

6. JavaScript 中快速讀取文件的方法

在JavaScript中，針對Node.js環境，快速讀取文件的方法主要包括以下幾種：

1. fs.readFileSync：

   • 優點：在同步操作中，fs.readFileSync通常是性能最高的選擇，尤其是在處理小文件時。它直接返迴文件內容，不需要處理回調函數或Promise，因此代碼更簡潔。
   • 使用場景：適用於在文件讀取不需要非同步處理的場景中，比如啟動腳本時讀取配置文件。

2. fs.readFile：

   • 優點：非同步讀取文件，不會阻塞事件循環，適合在I/O密集型應用中使用。雖然性能略低於fs.readFileSync，但保持了Node.js的非同步特性。
   • 使用場景：適用於需要在讀取文件的同時處理其他任務的場景，如Web伺服器處理請求時讀取靜態資源。

3. fs.promises：

   • 優點：提供了基於Promise的API，使非同步文件操作更加簡潔，易於與async/await語法結合使用。
   • 缺點：在性能測試中，fs.promises的讀取時間顯著增加，特別是在處理小文件時。它可能觸發多核心並行處理，導致CPU使用時間較長。
   • 使用場景：適用於需要基於Promise的非同步文件操作，且對性能要求不是特別高的場景。

4. util.promisify：

   • 雖然參考信息中沒有直接提及util.promisify的性能表現，但它是將Node.js的回調風格API轉換為基於Promise的API的通用方法。
   • 如果需要將fs.readFile等回調風格的函數轉換為Promise風格，可以使用util.promisify。
   • 使用場景：適用於需要將現有回調風格的API轉換為Promise風格的場景，以便與async/await語法結合使用。

總結： 在處理小文件且對性能要求較高時，推薦使用fs.readFileSync。 在需要保持Node.js非同步特性的場景中，推薦使用fs.readFile。 如果需要使用Promise風格的API，且對性能要求不是特別高，可以考慮使用fs.promises或util.promisify。

請注意，這些結論是在特定測試環境和文件大小下得出的，實際結果可能因硬體配置和文件大小的不同而異。