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。

请注意，这些结论是在特定测试环境和文件大小下得出的，实际结果可能因硬件配置和文件大小的不同而异。